HTML <link>标签
示例链接到一个外部样式表:
试一个 » |
定义及用法
<link>标签用于指明与当前文档有关联的外部资源。
<link>标签大多用于链接到外部样式表。
浏览器支持
![]()
所有主流浏览器均支持用<link>标签来关联外部样式表,但对于除此以外的其他用途则一概不支持。
HTML和XHTML之间的差异
在HTML中,<link>元素不需要结束标签。
但XHTML中,<link>元素必须正确关闭。
提示和注意
注意:<link>元素只能出现在<head>里,并且可以出现多次。
可选属性
DTD栏表明哪种文档类型支持此属性。S=Strict,T=Transitional,F=Frameset。
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| charset | 字符编码 | 指明被链接文档的字符编码 | STF |
| href | URL | 指明被链接文档的网络地址 | STF |
| hreflang | 语言代码 | 指明被链接文档中文本的语言 | STF |
| media | screen tty tv projection handheld braille aural all |
指明被链接文档的目标显示设备 |
STF |
| rel | alternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection |
指出当前文档与被链接文档的关系(正向链接) | STF |
| rev | alternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection |
指出被链接文档与当前文档的关系(反向链接) | STF |
| target | _blank _parent _self _top 框架名称 |
指明在哪个框架里加载被链接文档 | TF |
| type | MIME类型 | 指明被链接文档的MIME类型 | STF |
核心属性
<link>标签支持以下核心属性:
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| class | 类名 | 指明元素的类名 | STF |
| dir | rtl ltr |
指定元素里内容的文本方向 | STF |
| id | id | 指明元素的唯一id | STF |
| lang | 语言代码 | 指定元素内容的语言代码 | STF |
| style | 样式定义 | 指定元素的内嵌样式 | STF |
| title | 文本 | 指定元素的提示文本 | STF |
| xml:lang | 语言代码 | 在XHTML文档中指定元素内容的语言代码 | STF |
更多关于核心属性的信息。
事件属性
根据W3C标准,<link>标签是支持事件属性的。不过,由于<link>位于<head>里,因此即便为它定义了事件属性,也不会产生任何作用。
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| onclick | 脚本 | 在元素区域内单击鼠标(不区分左右键)时执行脚本 | STF |
| ondblclick | 脚本 | 在元素区域内双击鼠标(不区分左右键)时执行脚本 | STF |
| onmousedown | 脚本 | 在元素区域内按下鼠标键(不区分左右键)时执行脚本 | STF |
| onmousemove | 脚本 | 当鼠标指针在元素区域内移动时执行脚本 | STF |
| onmouseout | 脚本 | 当鼠标指针移出元素区域时执行脚本 | STF |
| onmouseover | 脚本 | 当鼠标指针移入元素区域时执行脚本 | STF |
| onmouseup | 脚本 | 在元素区域内松开鼠标键(不区分左右键)时执行脚本 | STF |
| onkeydown | 脚本 | 按下一个键时执行脚本 | STF |
| onkeypress | 脚本 | 按下并松开一个键时执行脚本 | STF |
| onkeyup | 脚本 | 松开一个键时执行脚本 | STF |
更多关于事件属性的信息。