HTML <link> rel 属性
更多示例见下文。
定义和用法
必需的 rel 属性指定当前文档与链接文档/资源之间的关系。
浏览器支持
| Attribute | |||||
|---|---|---|---|---|---|
| rel | 是 | 是 | 是 | 是 | 是 |
语法
<link rel="value">
属性值
| 值 | 描述 |
|---|---|
| alternate | 提供指向文档备用版本的链接（例如，打印页面、翻译或镜像）。 示例： <link rel="alternate" type="application/atom+xml" title="W3Schools News" href="/blog/news/atom"> |
| author | 提供指向文档作者的链接 |
| dns-prefetch | 指定浏览器应预先执行目标资源来源的 DNS 解析 |
| 帮助 | 提供指向帮助文档的链接。 示例：<link rel="help" href="/help/"> |
| icon | 导入代表文档的图标。 示例：<link rel="icon" href="favicon.ico" type="image/x-icon"> |
| license | 提供指向文档版权信息的链接 |
| next | 提供指向系列中下一篇文档的链接 |
| pingback | 提供处理当前文档 pingback 的 pingback 服务器的地址 |
| preconnect | 指定浏览器应预先连接到目标资源的来源。 |
| prefetch | 指定浏览器应预先获取并缓存目标资源，因为它可能用于后续导航 |
| preload | 指定浏览器代理必须根据“as”属性给出的目标（以及与该目标相关的优先级）预先获取并缓存目标资源以供当前导航使用。 |
| prerender | 指定浏览器应在后台预渲染（加载）指定的网页。这样，如果用户导航到该页面，加载速度会更快（因为页面已加载）。 警告！ 这会浪费用户带宽！仅在您绝对确定用户旅程中某个时刻需要该网页时才使用 prerender |
| prev | 指示文档是一个系列的一部分，并且系列中的上一篇文档是引用的文档 |
| search | 提供指向可用于搜索当前文档及其相关页面的资源的链接。 |
| stylesheet | 导入样式表 |
更多示例
示例
以下是如何为网站添加图标
<!DOCTYPE html>
<html>
<head>
<title>我的页面标题</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
❮ HTML <link> 标签
