HTML <link> 标签

定义和用法

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

<link> 标签最常用于链接到外部样式表或向网站添加图标。

<link> 元素是空元素,它仅包含属性。

另请参阅:

HTML 教程:HTML 样式

HTML DOM 参考手册:Link 对象

实例

链接到外部样式表:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

亲自试一试

属性

属性 描述
crossorigin
  • anonymous
  • use-credentials
规定元素如何处理跨源请求。
href URL 规定被链接文档的位置。
hreflang 语音代码 规定被链接文档中文本的语言。
media 媒体查询 规定被链接文档将在什么设备上显示。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
规定获取资源时要使用哪个引用者。
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
必需。规定当前文档和被链接文档之间的关系。
sizes
  • HeightxWidth
  • any
规定被链接资源的尺寸。仅适用于 rel="icon"。
title 定义首选或备用样式表。
type 媒体类型 规定被链接文档的媒体类型。

全局属性

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

事件属性

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

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <link> 元素:

link {
  display: none;
}

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持