HTML <link> 标签

定义及使用说明

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

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

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

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

HTML 4.01 与 HTML5之间的差异

一些 HTML 4.01 属性在 HTML5 中不支持。

HTML5 新增了 "sizes" 属性。

HTML 与 XHTML 之间的差异

在 HTML 中,<link> 标签没有结束标签。

在 XHTML 中,<link> 标签必须被正确地关闭。

实例

链接到外部样式文件:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML link 标签 xinbiancheng.cn</title>
 <link rel="stylesheet" type="text/css" href="http://www.xinbiancheng.cn/sharecss/cases.css">
</head>
<body>
<h2>我是通过样式文件 cases.css 渲染后显示的。</h2>
<p>我也是。</p>
</body>
</html>

输出:

我是通过样式文件 cases.css 渲染后显示的。

我也是。

 

<link> 标签HTML5 中的新属性

属性 描述
charset char_encoding  定义被链接文档的字符编码方式。
HTML5 不支持该属性。
href URL 规定被链接文档的位置。
hreflang language_code 规定被链接文档中文本的语言。
media media_query 规定被链接文档将被显示在什么设备上
rel alternate
author
help
icon
licence
next
pingback
prefetch
prev
search
sidebar
stylesheet
tag
规定当前文档与被链接文档之间的关系。
rev reversed relationship 定义被链接文档与当前文档之间的关系。HTML5 中不支持。
sizes 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 对象