轻松上手,快乐学习!

HTML <link> 标签



实例

链接到外部样式文件:

<head>
  <link rel="stylesheet" href="styles.css">
</head>
亲自试一试 »

定义和用法

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

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

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


浏览器支持

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

元素
<link> Yes Yes Yes Yes Yes

属性

属性 描述
crossorigin anonymous
use-credentials
指定元素如何处理跨站点请求
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
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet
必需。定义当前文档与被链接文档之间的关系。
sizes HeightxWidth
any
定义了链接属性大小,只对属性 rel="icon" 起作用。
title   定义首选或备用样式表
type media_type 规定被链接文档的 MIME 类型。

全局属性

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


事件属性

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


相关页面

HTML 教程: HTML Styles

HTML DOM 参考手册: Link 对象


默认CSS设置

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

link {
  display: none;
}