HTML 元素: link｜老吴教程

html<link>元素定义当前文档和其他资源（如样式表或脚本）之间的关系。您几乎会在您遇到的每个网页上找到至少一个！

HTML 元素: link 第1张

例子

句法

1<!DOCTYPE html>     
2    <html lang="en">     
3    <head>     
4      <link rel="stylesheet" href="styles.css" type="text/css">     
5    </head>     
6    </html>

属性

元素link支持HTML 中的全局属性。全局属性对于所有 HTML 元素都是通用的，并且可以用于所有元素（尽管它们可能对其中一些元素没有太大影响）。

链接元素必须具有属性rel或itemprop属性，但不能同时具有两者。

支持许多附加属性：

href: 超链接地址
crossorigin：元素如何处理跨源请求。
rel：包含超链接的文档与正在获取的目标资源之间的关系。
media: 适用媒体。
integrity：用于子资源完整性检查的完整性元数据。
hreflang: 链接资源的语言。
type: 提示引用资源的类型。
referrerpolicy：由元素发起的提取的引用策略。
sizes: 的图标大小rel="icon"。
imagesrcset：在不同情况下用于屏幕分辨率的图像。
imagesizes：不同页面布局的图像大小。
as: 预加载请求的潜在目的地（对于rel="preload"和rel="modulepreload"）。
blocking：该元素是否可能会阻塞渲染。
color: 自定义网站图标时使用的颜色（适用于rel="mask-icon"）
disabled：链接是否被禁用。

属性示例

1    <link rel="alternate" href="/en/page.html" hreflang="en" type="text/html">     
2    <link rel="alternate" href="/fr/page.html" hreflang="fr" type="text/html">     
3    <link rel="alternate" href="/es/page.html" hreflang="es" type="text/html">