HTML <a> 标签的 rel 属性 详解
HTML基础 2022-06-02 10:33:39小码哥的IT人生shichen
HTML <a> 标签的 rel 属性
实例
带有 rel 属性的链接：
<a rel="friend" href="http://www.w3c.com/">w3c</a>
完整实例【亲自试一试】：
<html>
<body>
<a rel="friend" href="http://www.w3.org/">w3c</a>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
所有浏览器都支持 rel 属性。
注释：虽然在理论上讲，浏览器可以利用 rel 和 rev 属性改变锚内容的外观、或者自动构建文档浏览菜单，其他工具也可以使用这些属性来构建特殊的链接集合、目录和索引，但是只有极少数浏览器才会利用这些属性来改变链接的外观。
提示：尽管浏览器不会以任何方式使用该属性，不过搜索引擎可以利用该属性获得更多有关链接的信息。
定义和用法
<a> 标签的 rel 属性用于指定当前文档与被链接文档的关系。
用于 <a> 标签的可选属性 rel 和 rev 分别表示源文档与目标文档之间正式的关系和方向。rel 属性指定从源文档到目标文档的关系，而 rev 属性则指定从目标文档到源文档的关系。这两种属性可以在 <a> 标签中同时使用。
rel 或 rev 属性的值都是以空格分隔的关系列表。实际的关系名和它们的含义取决于你自己：HTML 或 XHTML 标准并没有正式提出这两种属性。例如，一系列文档中的某个文档可能会在链接中包含它的关系：
<a href="part_12.html" rel="next" rev="prev">
从源到目标的关系是移动到下一个文档，而从目标到源的关系则是返回前一个文档。
提示：创作者也许希望定义 W3C 中没有描述过的其他链接类型。如果这样做的话，则应该使用 profile 来引用用于定义链接类型的约定。如需获得更多信息，请参阅 head 元素的 profile 属性。
语法
<a rel="value">
属性值
| 值 | 描述 |
|---|---|
| alternate | 文档的可选版本（例如打印页、翻译页或镜像）。 |
| stylesheet | 文档的外部样式表。 |
| start | 集合中的第一个文档。 |
| next | 集合中的下一个文档。 |
| prev | 集合中的前一个文档。 |
| contents | 文档目录。 |
| index | 文档索引。 |
| glossary | 文档中所用字词的术语表或解释。 |
| copyright | 包含版权信息的文档。 |
| chapter | 文档的章。 |
| section | 文档的节。 |
| subsection | 文档的子段。 |
| appendix | 文档附录。 |
| help | 帮助文档。 |
| bookmark | 相关文档。 |
| nofollow | Google 使用 "nofollow"，用于指定 Google 搜索引擎不要跟踪链接。 |
| licence | |
| tag | |
| friend |
注释：上面这些关系也用在文档的 <head> 中的 <link> 标签里。<link> 标签无需实际创建一个指向目标文档的链接就可以创建关系；<a> 标签则要创建链接，并在其中加入关系属性。
