link概述
元素定义
HTML 中link元素定义了当前文档与外部资源的关系,该元素较多的被应用于链接一个样式表,实现引用式样式表。link 元素只能存在于 head 部分,可出现多次。如下所示,我们定义了一个连接的外部样式表 theme.css,通过该样式表的样式定义来格式化 HTML 文档。
清单 1. link元素应用实例
元素属性
公共属性:
首先,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属性,探讨其在不同浏览器中的兼容情况。
相关参考:
HTML 中 Link 元素 disable 属性详解
jQuery的attr与prop(Attribute和Property区别)
引入css外部样式表(相对路径与绝对路径)