Link标签_html/css_WEB-ITnose-html教程-PHP中文网

Link标签_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:47:53

原创

1312人浏览过

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属性，探讨其在不同浏览器中的兼容情况。