html ＜a＞标签

标签定义及使用说明

<a> 标签定义超链接，用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性，它指定链接的目标。

在所有浏览器中，链接的默认外观如下：

• 未被访问的链接带有下划线而且是蓝色的
• 已被访问的链接带有下划线而且是紫色的
• 活动链接带有下划线而且是红色的

提示：如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。

 

a标签的原理：

1.a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先会在本地机器去找一个hosts文件，如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。

2.如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。

3.如果a标签的href属性值并不是以http开始，而且其他的一些协议，那么这时候浏览器就回去到我们本地的注册表中去查找是否有处理这种协议的应用程序，如果有，那么马上启动该应用程序处理该协议。邮件的协议：mailTo；迅雷的协议：thunder。

伪类状态

a标签中有四个伪类，分别是：

1. link：设置a对象在未被访问前的样式表属性
2. visited：设置a对象在其链接地址已被访问过时的样式表属性
3. hover：设置对象在其鼠标悬停时的样式表属性
4. active：设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性

通过写入伪类的样式表，可以修改a标签在各种状态下的显示形态，为了产生预期的效果，在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，a:active 必须位于 a:hover 之后，所以a标签伪类样式重写的顺序应该是：a:link、a:visited、a:hover、a:active。由于CSS样式的优先级问题了。伪类的特殊性（应用优先级）是同样的，所以，后出现的伪类会覆盖先出现的伪类（同时激活）。

 

注意：a标签href=""的时候，默认状态时:visited状态；a标签没有href属性的时候，默认状态时:active状态，这两种情况都不影响:active和:hover的触发，但是永远不会触发:link