介绍

rel链接标签 ( <link>)内的属性描述了链接资源的关系。rel可以取这 16 个值之一。让我们来检查一下。

先决条件

• HTML5 的一般知识。要全面了解 HTML5 标记语言，请浏览我们的系列“如何用 HTML 构建网站”。

使用<rel>链接标签的属性

以下是该rel属性可以在<link>标签内接受的 16 个值：

• alternate: 文件的替代版本。
• author: 文档作者。
• dns-prefetch：应该为链接的资源预取 DNS 查找和握手。
• help：关于整个文档的帮助资源。
• icon: 图标资源。
• license: 许可证和法律信息。
• manifest：Web 应用程序清单文件。
• next: 系列中的下一个文档。
• pingback：外部资源在评论中调用 pingback。
• preconnect: 需要提前开通连接。
• prefetch: 资源应该被预取。
• preload: 资源应该是预加载的。
• prerender: 资源应该被预渲染。
• prev：该系列中的上一个文档。
• search: 用于在当前文档中执行搜索的文档。
• stylesheet: 最常用的值。链接到外部样式表。

请注意dns-prefetch，preconnect、prefetch、preload、 和prerender只是对浏览器的提示，目前处于实验阶段。并非所有浏览器都支持它们，您可以参考我可以使用吗？有关浏览器支持的更多信息的页面。这里还总结了这些资源提示的不同行为之间的差异。

这是一个典型的场景，我们将看到rel正在使用的标签：

<link rel='stylesheet' href='style.css' type='text/css'>

stylesheet 是最常用的值。

结论

标签rel内的属性<link>是 HTML 的一个重要特性。您可以查看我们关于标签rel内属性的相关教程<anchor>。

或者，要更全面地了解 HTML5 标记语言，请浏览我们的系列“如何用 HTML 构建网站”。