HTML <link> 标签
HTML外部资源链接元素 (<link>) 规定了当前文档与外部资源的关系。该元素最常用于链接样式表,此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。
实例
链接一个外部样式表:
<html>
<head>
<link rel="stylesheet" type="text/css" href="/example/css/demo.css">
</head>
<body>
<h1>我通过外部样式表进行格式化。</h1>
<p>我也一样!</p>
</body>
</html>
浏览器支持
元素 | |||||
---|---|---|---|---|---|
<link> | Yes | Yes | Yes | Yes | Yes |
在用于样式表时,<link> 标签得到了几乎所有浏览器的支持。但是几乎没有浏览器支持其他方面的用途。
定义和用法
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
<link>元素是一个空元素,它只包含属性。
HTML 与 XHTML 之间的差异
在 HTML 中,<link> 标签没有结束标签。
在 XHTML 中,<link> 标签必须被正确地关闭。
提示和注释:
注释:link 元素是空元素,它仅包含属性。
注释:此元素只能存在于 head 部分,不过它可出现无数次。
属性
HTML5 中的新属性。
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 中不支持。 |
href | URL | 规定被链接文档的位置。 |
hreflang | language_code | 规定被链接文档中文本的语言。 |
media | media_query | 规定被链接文档将被显示在什么设备上。 |
rel |
| 规定当前文档与被链接文档之间的关系。 |
rev | reversed relationship | HTML5 中不支持。 |
sizes |
| 规定被链接资源的尺寸。仅适用于 rel="icon"。 |
target |
| HTML5 中不支持。 |
type | MIME_type | 规定被链接文档的 MIME 类型。 |
全局属性
<link> 标签支持 HTML 中的 全局属性。
事件属性
<link> 标签支持 HTML 中的 事件属性。
相关页面
HTML DOM 参考手册:Link 对象