HTML <link> rel 属性

定义和用法

必需的 rel 属性指定当前文档和被链接文档/资源之间的关系。

实例

例子 1

导入外部样式表:

<link rel="stylesheet" href="styles.css">

亲自试一试

例子 2

以下是将网站图标添加到网站的方法:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

语法

<link rel="value">

属性值

描述
alternate

提供指向文档替代表示的链接(例如打印页面、翻译或镜像)。

例子:<link rel="alternate" type="application/atom+xml" 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 导入样式表。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持