-

HTML<link>标签

<link> 标签经常用于链接 CSS 样式表,在接下来的这个示例中,您将会了解 <link> 标签的使用格式:

实例

链接到外部样式文件:

<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>

尝试一下

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 <link> 标签。


标签定义及使用说明

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。


注意: link 元素是空元素,它仅包含属性。

注意: 此元素只能存在于 head 部分,不过它可出现任何次数。

注意:根据 W3C 标准,<link .... ... />构成完整的一个 link 标签。


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