a标签解析(超链接)-洋葱先生-杨少通

标签定义超链接,用于从一张页面链接到另一张页面。

元素的属性有:href、download,、hreflang、 media、 rel、 target 以及 type ,其中最重要的属性是 href 属性,它指示链接的目标,若不使用该属性则其他属性均不可用。

标签在所有浏览器中,链接的默认外观是:

未被访问的链接带有下划线而且是蓝色的

已被访问的链接带有下划线而且是紫色的

活动链接带有下划线而且是红色的

如果你想修改链接的默认外观,可以通过伪类进行修改。不过似乎需要注意伪类使用顺序,否则有的伪类无法生效。

1.这种顺序能正确显示颜色(曾今在别的博客看到的)

• a:link {color: #000;} /* 未访问的链接 /
• a:visited {color: #F00;} /
已访问的链接 /
• a:hover{color: #0F0;} /
鼠标在链接上 /
• a:active {color: #00F;} /
点击激活链接——在你点击该链接之后,页面正在转向新地址的时候,链接显示此颜色;当你已经到了 要链接的页面,然后再返回,原页面上的此链接仍是此颜色 */

2.这的顺序不能显示active的颜色

• a:link {color: #000;}
• a:active {color: #00F;}
• a:visited {color: #F00;}
• a:hover{color: #0F0;}

标签属性详解(点击对应连接,可以看到该属性的详细介绍和用法)

属性 值 描述
charset char_encoding HTML5 中不支持。规定被链接文档的字符集。
coords coordinates HTML5 中不支持。规定链接的坐标。
download filename 规定被下载的超链接目标的名称。
href URL 规定链接指向的页面的 URL。
hreflang language_code 规定被链接文档的语言。
media media_query 规定被链接文档是为何种媒介/设备优化的。
name section_name HTML5 中不支持。规定锚的名称。
rel text 规定当前文档与被链接文档之间的关系。
rev text HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape
default

rect

circle

poly

HTML5 中不支持。规定链接的形状。
target
_blank

_parent

_self

_top

framename

规定在何处打开链接文档。
type MIME type 规定被链接文档的的 MIME 类型。

§ 标签里的js用法,参考 http://www.dreamload.cn/blog/?p=145&preview=true

§ 标签的href属性(锚点、URL) http://www.dreamload.cn/blog/?p=148&preview=true

猜你喜欢

转载自blog.csdn.net/Kindergarten_Sir/article/details/108572815
今日推荐