(学习笔记)HTML的标签

时间:2021-07-27 19:52:03

在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 手持设备(小屏幕、有限带宽)。
print 打印预览模式/打印页面。
braille 盲人点字法反馈设备。
aural 语音合成器。
all 适用于所有设备。

大部分情况保持默认值。

sizes

sizes是HTML5中新增加的属性。只有当被链接资源是图标时 (rel=”icon”),才能使用该属性。

sizes 属性规定被链接资源的尺寸。

例子:

<link rel="icon" href="test.gif" type="image/gif" sizes="16x16" />