HTML <link> 标签

实例

链接一个外部样式表:

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

浏览器支持

元素 Chrome Internet Explorer / Edge Firefox Safari Opera
<link> Yes Yes Yes Yes Yes

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

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

定义和用法

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

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

HTML 与 XHTML 之间的差异

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

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

提示和注释:

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

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

属性

link - 图6 New : HTML5 中的新属性。

属性 描述
charset char_encoding HTML5 中不支持。
href URL 规定被链接文档的位置。
hreflang language_code 规定被链接文档中文本的语言。
media media_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
规定当前文档与被链接文档之间的关系。
rev reversed relationship HTML5 中不支持。
sizes link - 图7 heightxwidth
any
规定被链接资源的尺寸。仅适用于 rel=”icon”。
target _blank
_self
_top
_parent
frame_name
HTML5 中不支持。
type MIME_type 规定被链接文档的 MIME 类型。

全局属性

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

事件属性

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

TIY 实例

链接到一个外部样式表

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

  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
  4. </head>
  5. <body>
  6. <h1>我通过外部样式表进行格式化。</h1>
  7. <p>我也一样!</p>
  8. </body>
  9. </html>

相关页面

HTML DOM 参考手册:Link 对象