详解什么是 HTML 中的超链接标签 a 什么是超链接 _小知识

大纲1、什么是标签2、标签的几个主要属性3、a标签的运行机制4、a标签常用的协定5、超链接标签的样式问题——a标签的伪类选择器的书写次序1、什么是标签标签定义超链接，用于从一张页面链接到另一张页面。元素最主要的属性是href属性，它指导链接的目的。2、标签的几个主要属性2.1、href规定链接指向的
大纲
1、什么是<a>标签
2、<a>标签的几个主要属性
3、a标签的运行机制
4、a标签常用的协定
5、超链接标签的样式问题——a标签的伪类选择器的书写次序
1、什么是<a>标资源网签
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<资源网;a> 元素最主要的属性是 href 属性，它指导链接的目的。
2、<a>标签的几个主要属性
2.1、href
规定链接指向的页面的 URL 。

文章插图

2.2、target
规定在何处打开链接文档。
a:自定义打开锚点

文章插图

target的特别值：有 4 个保存的目的名称用作特别的文档重定向操作：

文章插图

2.3、name
【详解什么是 HTML 中的超链接标签 a 什么是超链接】规定锚的名称。（Html5不支撑）

文章插图

2.4、downloadHTML5新增
HTML5新增，只有 Firefox 和 Chrome 支撑 download 属性。
download 属性规定被下载的超链接目的。
在 <a> 标签中必需设置 href 属性。
该属性也可以设置一个值来规定下载文件的名称。所许可的值没有限制，阅读器将主动检测准确的文件扩大名并添加到文件 (.img, .pdf, .txt, .html, 等等) 。
1
<a href=http://www.laomaozy.com/W-Z/"/images/myw3schoolimage.jpg" download="w3logo">
2.5、media
media 属性规定目的 URL 是为什么类型的媒介/装备进行优化的。
该属性用于规定目的 URL 是为特别装备（比如 iPhone）、语音或打印媒介设计的。
该属性可接收多个值。
只能在 href 属性存在时应用。

文章插图

3、a标签的运行机制

文章插图

4、a标签常用的协定

文章插图

5、超链接标签的样式问题——a标签的伪类选择器的书写次序
5.1、a标签的多重状况
对于<a>元素，我们可以用“多重人格”来形容它。对于该标签，它一共有五种状况：:link, :visited, :hover, :focus, :active.
“:link”可以用于声明未拜访状况链接的样式；
“:visited”可以用于声明已经拜访链接的样式；
“:hover”可以用于声明鼠标悬停在链接上的样式；
“:focus”可以用于声明阅读器焦点悬停在链接上的样式(通过键盘选择链接)；
“:active”可以用于声明阅读器点击链接的样式。
注意：冒号前后不要涌现空格
一般a:hover和a:visited链接的状况（色彩、下划线等）应当是雷同的。
link、visited、acti资源网ve分离对应body元素的link、vlink、alink这三个属性。
四个“状况”的先后进程是：a:link ->a:hover ->a:active ->a:visited 。另外，a:active不能设置有无下划线（总是有的）。
5.2、链接（a标签状况）定义的次序
没有规则不成方圆，虽然链接定义写好了，但它也是有规矩的，如果这四项的书写次序稍有错误，链接的后果可能就没有了，所以每次定义链接样式时务必确认定义的次序，link--visited--hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）。
老外总结了一个便于记忆的“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA 。定义A链接样式的准确的次序：a:link、a:visited、a:hover、a:active 。若没有依照这样的次序的话，有的状况的样式会被放置在后面的样式笼罩而导致像没有触发一样没有后果，如：如果hover放在visited之后，则就算我放上去变色了，但是同时这个标签也具有visited状况以及其的后果，会笼罩了hover的后果。
为了符合阅读器说明CSS遵守的"就近原则" 。我们在定义CSS中，宜将最一般的条件放在最上面，并依次向下，最下面放最特别的。