首页 > web前端 > html教程 > HTML标签、选择符、超链接以及SEO详细介绍

HTML标签、选择符、超链接以及SEO详细介绍

高洛峰
发布: 2017-03-23 09:33:39
原创
1661 人浏览过

常见标签:

img标签是个单标签 alt作用 图片加载失败 显示alt中内容

图片的名字

a标签详细介绍:

a标签的链接实现:

a标签 点击a标签

会转到相应链接下控制链接新打开一个页面用或者其他用target,还有self等其

他;

在head部分写入默认页面中所有链接打开方

式,如果在body部分些人target属性,以body部分里面a标签里的target属性为

先;

a标签的下载实现:放入要下载的东西放的里面用#

号 实现下载功能

a标签的锚点实现: (一个锚点)百步飞

标题标签 不是一个 是一组 一共以下六个:

段落标签  一段话用p标签

强调标签strong 页面默认展示为粗体

内容(Content)

也是强调的作用没有strong 标签语气那么重 默认展示为斜体

span标签

区分样式,一段文字或内容样式区分

Conten

列表

有序列表

  1. (列表项目)

无需列表

  • (列表项目)

定义列表

定义列表标题

定义列表项目

SEO:搜索引擎优化  例如:百度一下等

作用:有一个爬虫程序 每天搜索信息 保存下来

标签的的优点:

页面标签语义化;

使用对SEO有利于标签;h1;h2;h3;strong;em 占7%或8%左右 合理的优

化 不要过分使用

提高页面关键词密度;

id选择符

#box1,box2{

width:100px;height:100px;background:red;

}

群组选择符 #后面跟id+","+id一组群组用一样的样式

      .box(id)和class的使用 class是一个类,可以理解为一个可以重复使

用的id;

 class 选择符 可以跟多个样式

类型选择符 标签名{}

包含选择符:根据页面中的包含关系来选择

div p{}表示div标签里面所有的p标签

通配符

*{border:1px solid red;}页面中所有的都带有此格式 基本无用

选择符的优先级:

前提 同级 :样式默认后者覆盖前者

包含级别越高,样式就使用哪个

class样式选择符

同级别调用名字的先后顺序没有关系,只与样式的先后有关系

类型(1)

(javaScrapt)

比较样式优先级,根据最高样式优先级个数判断

工作中不要写太深的包含关系

a的伪类:

link 未访问

hover 鼠标悬停(鼠标划过)

active 链接激活

visited 访问过后

写法 写在style里面的

a:link{}

a:hover{}

伪类顺序 link visited hover active

应用:搜索引擎 小说等

div伪类:hover 大多数标签都支持hover

IE6不支持a意外其他任何标签的伪类

IE6以上支持

以上是HTML标签、选择符、超链接以及SEO详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板