在HTML中<link>
标签用于定义文档与外部资源的关系。 <link>
标签只存在于head部分。
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
上面是一个关于link标签使用的简单例子。
link标签的属性
属性 | 描述 |
---|---|
rel | 规定当前文档与被链接文档之间的关系。 |
type | 规定被链接文档的 MIME 类型。 |
href | 规定被链接文档的位置。 |
hreflang | 规定被链接文档中文本的语言(基本没有主流浏览器支持) |
media | 规定被链接文档将被显示在什么设备上。 |
sizes(HTML5) | 规定被链接资源的尺寸。仅适用于 rel=”icon”。 |
因为部分属性被HTML5取消,所以并没有列出。
下面对各个属性进行解释。
rel
只有 rel 属性的 “stylesheet” 值得到了所有浏览器的支持。其他值只得到了部分地支持。
值 | 描述 |
---|---|
alternate | 文档的替代版本(比如打印页、翻译或镜像)。 |
stylesheet | 文档的外部样式表。 |
start | 集合中的第一个文档。 |
next | 集合中的下一个文档。 |
prev | 集合中的上一个文档。 |
contents | 文档的目录。 |
index | 文档的索引。 |
glossary | 在文档中使用的词汇的术语表(解释)。 |
copyright | 包含版权信息的文档。 |
chapter | 文档的章。 |
section | 文档的节。 |
subsection | 文档的小节。 |
appendix | 文档的附录。 |
help | 帮助文档。 |
bookmark | 相关文档。 |
type
type 属性规定被链接文档的 MIME 类型。
MIME (Multipurpose Internet Mail Extensions) 是描述消息内容类型的因特网标准。MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据。
具体的MIME信息可以查阅下面链接。
[http://www.w3school.com.cn/media/media_mimeref.asp]
media
值 | 描述 |
---|---|
screen | 计算机屏幕(默认)。 |
tty | 电传打字机以及类似的使用等宽字符网格的媒介。 |
tv | 电视机类型设备(低分辨率、有限的滚屏能力)。 |
projection | 放映机。 |
handheld | 手持设备(小屏幕、有限带宽)。 |
打印预览模式/打印页面。 | |
braille | 盲人点字法反馈设备。 |
aural | 语音合成器。 |
all | 适用于所有设备。 |
大部分情况保持默认值。
sizes
sizes是HTML5中新增加的属性。只有当被链接资源是图标时 (rel=”icon”),才能使用该属性。
sizes 属性规定被链接资源的尺寸。
例子:
<link rel="icon" href="test.gif" type="image/gif" sizes="16x16" />