LINK
元素定义
HTML 中link
元素定义了当前文档与外部资源的关系,该元素较多的被应用于链接一个样式表,实现引用式样式表。link 元素只能存在于 head 部分,可出现多次。如下所示,我们定义了一个连接的外部样式表 theme.css,通过该样式表的样式定义来格式化 HTML 文档。
清单 1. link
元素应用实例
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
元素属性
公共属性:
首先,link 元素是 HTML 元素,因此,link 有一些 HTML 中元素的公共属性,如 id
、class
、title
、style
、dir
、lang
、xml:lang
。
可选属性:
此外,在 HTML4 标准中,针对 link 元素定义了一些特定的可选属性,如下表 1 所示。
表 1. HTML4 标准属性
属性 | 值 | 描述 |
---|---|---|
charset | charset | 定义被链接文档的字符编码方式 |
href | URL | 定义被链接文档的地址 URI |
hreflang | language_code | 定义被链接文档中文本的语言 |
media | Screen, tty, tv, projection, handheld, print, braille, aural, all | 规定被链接文档将显示在什么设备上 |
rel | Alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection | 定义当前文档与被链接文档之间的关系.如 alternate 定义交替出现的链接;appendix 定义文档的附加信息;bookmark 定义书签;copyright 定义当前文档的版权. |
rev | Alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection | 定义被链接文档与当前文档之间的关系,rev 与 rel 属性互补,rel 指定了向前链接的关系,rev 指定了反向链接的关系. |
type | MIME_type | 定义被链接文档的 MIME 类型,如 text/html, text/css |
在新的 HTML5 标准中,上述属性有了一些变化.首先,删除了原有 HTML4 中一些属性,如 charset,rev.这两个属性在 HTML5 中将不再被支持;其次,添加了新的属性 sizes、crossorign.具体信息如下表 2 所示.
表 2. HTML5 标准新增属性
属性 | 值 | 描述 |
---|---|---|
sizes | heightxwidth,any | 规定被链接资源的尺寸.仅适用于 rel="icon". |
crossorigin | Anonymous,use-credentials | 规定是否使用 CORS(CrossOrigin Resources Sharing)跨源资源共享,获取相关图像. |
其他属性:
如 disabled
和 target
属性,其中 disabled
属性被用来禁用一个 link,被禁用的 link 元素文件中所包含的样式不能被应用到 HTML 元素上.Target
属性定义了在哪个窗口或框架中加载被连接的文档.
以上两个属性不属于严格的 W3C 标准,是浏览器相关的定义,并没有被广泛的支持和应用.其中,disabled
是 IE 浏览器自定义的属性,从 IE5.5 版本开始支持,其他浏览器对于这一属性,也有着不同程度的支持.以下,我们将 针对 link 元素的disabled
属性,探讨其在不同浏览器中的兼容情况.
相关参考: