HTML <link> 标签

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

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

 

1. 范例

链接一个外部样式表：

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

我要试一试

 

2. 浏览器支持

元素 Chrome IE Firefox Safari Opera
<link> Yes Yes Yes Yes Yes

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

 

3. HTML 与 XHTML 之间的差异

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

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

 

4. 提示和注释：

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

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

 

5. 属性

new : 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 类型。

 

6. 全局属性

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

 

7. 事件属性

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

 

8. TIY 范例

HTML <main> 标签：<main> 标签规定文档的主要内容。<main> 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。