码农教程 - 一技在手,衣食无忧! tools

HTML <link> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

链接到外部样式表：

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

定义和用法

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

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

这个<link>element 是一个空元素，它只包含属性。

浏览器支持

Element
<link> Yes Yes Yes Yes Yes

属性

Attribute Value Description
crossorigin anonymous
use-credentials		 Specifies how the element handles cross-origin requests
href URL Specifies the location of the linked document
hreflang language_code Specifies the language of the text in the linked document
media media_query Specifies on what device the linked document will be displayed
referrerpolicy no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url		 Specifies which referrer to use when fetching the resource
rel alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet		 Required. Specifies the relationship between the current document and the linked document
sizes HeightxWidth
any		 Specifies the size of the linked resource. Only for rel="icon"
title   Defines a preferred or an alternate stylesheet
type media_type Specifies the media type of the linked document

全局属性

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

事件属性

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

相关页面

HTML 教程：HTML 样式

HTML DOM 参考：链接对象

默认 CSS 设置

大多数浏览器都会显示<link>具有以下默认值的元素：

link {
  display: none;
}

❮上一节 完整的 HTML参考 下一节❯