HTML <link> rel 属性
下面还有更多示例。
定义和用法
必需的 rel 属性指定当前文档与链接的文档/资源之间的关系。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| rel | 是 | 是 | 是 | 是 | 是 |
语法
<link rel="value">
属性值
| 值 | 描述 |
|---|---|
| alternate | 提供指向文档的备用版本的链接（例如，打印页面、翻译或镜像）。 示例：<link rel="alternate" type="application/atom+xml" title="W3Schools 新闻" href="/blog/news/atom"> |
| author | 提供指向文档作者的链接 |
| dns-prefetch | 指定浏览器应优先为目标资源的来源执行 DNS 解析 |
| help | 提供指向帮助文档的链接。示例：<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 | 指定浏览器应在后台预渲染（加载）指定的网页。因此，如果用户导航到此页面，它将加快页面加载速度（因为页面已经加载）。警告！这会浪费用户的带宽！仅当您绝对确定网页在用户旅程的某个时刻需要时才使用预渲染 |
| 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> 标签
