阅读 (203)

HTML <link> 标签

实例

链接一个外部样式表:

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

亲自试一试

浏览器支持

元素ChromeIEFirefoxSafariOpera
<link>YesYesYesYesYes

在用于样式表时,<link> 标签得到了几乎所有浏览器的支持。但是几乎没有浏览器支持其他方面的用途。

定义和用法

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

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

HTML 与 XHTML 之间的差异

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

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

提示和注释:

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

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

属性

new : HTML5 中的新属性。

属性描述
charsetchar_encodingHTML5 中不支持。
hrefURL规定被链接文档的位置。
hreflanglanguage_code规定被链接文档中文本的语言。
mediamedia_query规定被链接文档将被显示在什么设备上。
referrerpolicy
  • no-referrer

  • no-referrer-when-downgrade

  • origin

  • origin-when-cross-origin

  • unsafe-url

规定在获取资源时要使用的引荐来源信息。
rel
  • alternate

  • author

  • help

  • icon

  • licence

  • next

  • pingback

  • prefetch

  • prev

  • search

  • sidebar

  • stylesheet

  • tag

规定当前文档与被链接文档之间的关系。
revreversed relationshipHTML5 中不支持。
sizes
  • heightxwidth

  • any

规定被链接资源的尺寸。仅适用于 rel="icon"。
target
  • _blank

  • _self

  • _top

  • _parent

  • frame_name

HTML5 中不支持。
typeMIME_type规定被链接文档的 MIME 类型。

全局属性

<link> 标签支持 HTML 中的全局属性

事件属性

<link> 标签支持 HTML 中的事件属性

TIY 实例

链接到一个外部样式表
本例演示如何 <link> 标签链接到一个外部样式表。

相关页面

HTML DOM 参考手册:Link 对象