a标签总结

一.<a>定义和用法

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

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

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

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

二.<a> 标签的 target 属性

　　<a> 标签的 target 属性规定在何处打开链接文档。

　　　如果在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。

　　语法：

<a target="value">

值	描述
_blank	在新窗口中打开被链接文档
_self	默认。在相同的框架中打开被链接文档。
_parent	在父框架集中打开被链接文档。
_top	在整个窗口中打开被链接文档。
framename	在指定的框架中打开被链接文档。

三.<a>伪类四种状态

　　伪类是CSS 用于向某些选择器添加特殊的效果。

　　a标签中有四个：link、visited、hover、active。

　（1）:link

　　说明：设置a对象在未被访问前的样式表属性。

　　(2) :visited

　　说明：设置a对象在其链接地址已被访问过时的样式表属性。

　　(3) :hover

　　说明：设置对象在其鼠标悬停时的样式表属性。

　　(4) :active

　　说明：设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。

　　定义CSS时候的顺序不同，会直接导致链接显示的效果不同，原因可能在于浏览器解释CSS时遵循的“就近原则”。

　　正确的顺序：a:link、a:visited、a:hover、a:active

　　一个便于记忆的“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA 　

　　解释：

link:连接平常的状态
visited:连接被访问过之后
hover:鼠标放到连接上的时候
active:连接被按下的时候

　　补充：

　　1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义。

　　2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义。

巴特西

a标签总结

最新文章

热门文章