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

运行实例 »

点击 "运行实例" 按钮查看在线实例


浏览器支持

1000.png

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


标签定义及使用说明

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

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


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

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


HTML 4.01 与 HTML5之间的差异

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

HTML5 新增了 "sizes" 属性。


HTML 与 XHTML 之间的差异

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

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


属性

New:HTML5 新属性。

属性描述
charsetchar_encoding HTML5 不支持该属性。 定义被链接文档的字符编码方式。
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 relationship HTML5 不支持该属性。 定义被链接文档与当前文档之间的关系。
sizesNewHeightxWidth
any
定义了链接属性大小,只对属性 rel="icon" 起作用。
target_blank
_self
_top
_parent
frame_name
HTML5 不支持该属性。 定义在何处加载被链接文档。
typeMIME_type规定被链接文档的 MIME 类型。


全局属性

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


事件属性

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


相关文章

HTML 教程:HTML 样式

HTML DOM 参考手册:Link 对象