编辑这个页面须要登录或更高权限！

HTML: <link> 标签

HTML <link>标签将外部资源（例如css文件）链接到HTML文档。此标签通常也称为 <link>元素。

在线示例

链接到外部样式文件:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaojc.com)</title> 
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
<body>
</body>
</html>
测试看看 ‹/›

HTML <link>标记语法-链接样式表

使用HTML <link>标记链接样式表的语法为：

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

或在XHTML中，<link>标记的语法为：

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

浏览器兼容性

IEFirefoxOperaChromeSafari

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

标签定义及使用说明

<link>标记最常用于将样式表或css文件链接到HTML文档。

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

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

注意： link 元素是空元素，它仅包含属性。

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

HTML 4.01 与 HTML5之间的差异

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

HTML5 新增了 "sizes" 属性。

HTML 与 XHTML 之间的差异

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

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

属性

属性值描述
charsetchar_encodingHTML5 不支持该属性。 定义被链接文档的字符编码方式。
hrefURL定义被链接文档的位置。
hreflanglanguage_code定义被链接文档中文本的语言。
mediamedia_query规定被链接文档将显示在什么设备上。
relalternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up		必需。定义当前文档与被链接文档之间的关系。
revreversed relationshipHTML5 不支持该属性。 定义被链接文档与当前文档之间的关系。
sizesHTML5HeightxWidth
any		定义了链接属性大小，只对属性 rel="icon" 起作用。
target_blank
_self
_top
_parent
frame_name		HTML5 不支持该属性。 定义在何处加载被链接文档。
typeMIME_type规定被链接文档的 MIME 类型。

全局属性

<link> 标签支持全局属性，查看完整属性表 HTML 全局属性。

事件属性

<link> 标签支持所有 HTML 事件属性。

相关文章

HTML 教程：HTML 样式

HTML DOM 参考手册：Link 对象

HTML: <map> 标签HTML: <li> 标签

HTML 参考手册
HTML 标签大全