HTML development manual
/ <link>
<link>
HTML <link> 标签 实例 链接到外部样式文件: <head> <link rel='stylesheet' type='text/css' href='theme.css'> </head> 尝试一下 » ..
HTML <link> 标签
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我是通过样式文件 styles.css 渲染后显示的。</h1> <p>我也是。</p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
浏览器支持
所有主流浏览器都支持 <link> 标签。
标签定义及使用说明
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
注意： link 元素是空元素，它仅包含属性。
注意： 此元素只能存在于 head 部分，不过它可出现任何次数。
HTML 4.01 与 HTML5之间的差异
一些 HTML 4.01 属性在 HTML5 中不支持。
HTML5 新增了 "sizes" 属性。
HTML 与 XHTML 之间的差异
在 HTML 中，<link> 标签没有结束标签。
在 XHTML 中，<link> 标签必须被正确地关闭。
属性
New：HTML5 新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持该属性。 定义被链接文档的字符编码方式。 |
| href | URL | 定义被链接文档的位置。 |
| hreflang | language_code | 定义被链接文档中文本的语言。 |
| media | media_query | 规定被链接文档将显示在什么设备上。 |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | 必需。定义当前文档与被链接文档之间的关系。 |
| rev | reversed relationship | HTML5 不支持该属性。 定义被链接文档与当前文档之间的关系。 |
| sizesNew | HeightxWidth any | 定义了链接属性大小，只对属性 rel="icon" 起作用。 |
| target | _blank _self _top _parent frame_name | HTML5 不支持该属性。 定义在何处加载被链接文档。 |
| type | MIME_type | 规定被链接文档的 MIME 类型。 |
全局属性
<link> 标签支持全局属性，查看完整属性表 HTML 全局属性。
事件属性
<link> 标签支持所有 HTML 事件属性。
相关文章
HTML 教程：HTML 样式
HTML DOM 参考手册：Link 对象