链接到外部样式表:
<head>
<link rel="stylesheet" href="styles.css">
</head>
<link>
标签定义了当前文档和外部资源之间的关系。
<link>
标签最常用于链接到外部样式表或将 favicon 添加到您的网站。
<link>
元素是一个空元素,它只包含属性。
Element | |||||
---|---|---|---|---|---|
<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 | Height x Width any |
指定链接资源的大小。 仅适用于 rel="icon" |
title | 定义首选或备用样式表 | |
type | media_type | 指定链接文档的媒体类型 |
<link>
标签支持 HTML 中的全局属性。
<link>
标签支持 HTML 中的事件属性。
HTML 教程: HTML Styles
大多数浏览器将显示具有以下默认值的 <link>
元素:
link {
display: none;
}