html5 超链接标签,详解HTML的a标签（超链接标签）

1、什么是标签

2.1、href

规定链接指向的页面的 URL。

1. 链接https、http地址：

Baidu

2.链接Page，比如自定义的Page(.html)

3.使用对象连接，例如一个图片，点击图片时进行页面跳转(鼠标悬浮时光标变成手指状态)

Baidu

4.使用假链接，比如自定义的Page暂时未完成

1.使用 # 进行假链接

假链接#

2.使用JavaScript进行假链接

假链接#

两者区别：使用 # 假链接会返回到页面Top，使用JavaScript假链接则不会。

所以，返回顶端  可用假链接# 来实现

5.其他连接：如发送Email、发送地图位置等

那么必须告诉a标签要跳转的位置，前提是该位置拥有一个独一无二的ID(这样才能跳转正确)。

Head 1

跳转到

跳转到其他页面、其他页面的特点位置(锚点)同理。

格式为：href=“页面#ID”

2.2、target

规定在何处打开链接文档。它有五个选项：

_blank：在新窗口中打开被链接文档。

_self：默认。在相同的框架中打开被链接文档。

_parent：在父框架集中打开被链接文档。

_top：在整个窗口中打开被链接文档。

framename：在指定的框架中打开被链接文档。

2.3、name

规定锚的名称。(Html5不支持)

HTML 教程目录

本章讲解的内容是 ... ...

2.4、downloadHTML5新增

2.5、media

media 属性规定目标 URL 是为什么类型的媒介/设备进行优化的。

该属性用于规定目标 URL 是为特殊设备(比如 iPhone)、语音或打印媒介设计的。

该属性可接受多个值。

只能在 href 属性存在时使用。

3、a标签的运行机制

4、a标签常用的协议

5、超链接标签的样式问题——a标签的伪类选择器的书写顺序

5.1、a标签的多重状态

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中，宜将最一般的条件放在最上面，并依次向下，最下面放最特殊的。

在W3C规范中，也规定了链接的声明顺序：

在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

js实现a标签跳转；不使用href属性实现

1、带参数形式

2)script代码：

2、不带参数

1)test

2)script代码：

function test(){

【执行的代码】

}

参考网址

http://blog.csdn.net/linwh8/article/details/52491645

http://www.jb51.net/css/182670.html

http://www.nowamagic.net/csszone/css_IntroduceToTagA.php