首页 > 网站 > WEB开发 > 正文

Link标签

2024-04-27 14:28:30
字体:
来源:转载
供稿:网友
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 中元素的公共属性,如 idclasstitlestyledirlangxml:lang。可选属性:此外,在 HTML4 标准中,针对 link 元素定义了一些特定的可选属性,如下表 1 所示。

表 1. HTML4 标准属性

属性描述
charsetcharset定义被链接文档的字符编码方式
hrefURL定义被链接文档的地址 URI
hreflanglanguage_code定义被链接文档中文本的语言
mediaScreen, tty, tv, PRojection, handheld, print, braille, aural, all规定被链接文档将显示在什么设备上
relAlternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection定义当前文档与被链接文档之间的关系.如 alternate 定义交替出现的链接;appendix 定义文档的附加信息;bookmark 定义书签;copyright 定义当前文档的版权.
revAlternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection定义被链接文档与当前文档之间的关系,rev 与 rel 属性互补,rel 指定了向前链接的关系,rev 指定了反向链接的关系.
typeMIME_type定义被链接文档的 MIME 类型,如 text/html, text/css

在新的 HTML5 标准中,上述属性有了一些变化.首先,删除了原有 HTML4 中一些属性,如 charset,rev.这两个属性在 HTML5 中将不再被支持;其次,添加了新的属性 sizes、crossorign.具体信息如下表 2 所示.

表 2. HTML5 标准新增属性

属性描述
sizesheightxwidth,any规定被链接资源的尺寸.仅适用于 rel="icon".
crossoriginAnonymous,use-credentials规定是否使用 CORS(CrossOrigin Resources Sharing)跨源资源共享,获取相关图像.

其他属性:

disabledtarget属性,其中 disabled 属性被用来禁用一个 link,被禁用的 link 元素文件中所包含的样式不能被应用到 HTML 元素上.Target 属性定义了在哪个窗口或框架中加载被连接的文档.以上两个属性不属于严格的 W3C 标准,是浏览器相关的定义,并没有被广泛的支持和应用.其中,disabled 是 IE 浏览器自定义的属性,从 IE5.5 版本开始支持,其他浏览器对于这一属性,也有着不同程度的支持.以下,我们将 针对 link 元素的disabled属性,探讨其在不同浏览器中的兼容情况.

相关参考:

HTML 中 Link 元素 disable 属性详解

引入css外部样式表(相对路径与绝对路径)


上一篇:CSS只是进化的一部分

下一篇:div+css样式

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表