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 对象