当前位置:Gxlcms > html代码 > Link标签_html/css_WEB-ITnose

Link标签_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:25人阅读

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外部样式表(相对路径与绝对路径)

人气教程排行