HTML DOM Anchor rel 和 rev 属性
Anchor rel 和 rev 属性
Anchor对象定义和用法
rel 属性可设置或返回到目标文档的关系。
rev 属性可设置或返回一个链接的反向关系。
rel (relationship) 属性规定了从源文档到目标文档的关系。
rev (reverse) 属性规定了从目标文档到当前文档的反向关系。
语法
设置 rel 属性:
anchorObject.rel="relationship"
设置 rev 属性:
anchorObject.rev="relationship"
返回 rel 属性:
anchorObject.rel
返回 rev 属性:
anchorObject.rev
两个属性均可采用下面的值：
| 值 | 描述 |
|---|---|
| alternate | 链接到一个备选的源。 |
| stylesheet | 文档外部样式表 |
| start | 链接到当前文档的第一页。 |
| next | 链接到集合中的下一个文档。 |
| prev | 链接到集合中的前一个文档。 |
| contents | 链接到当前文档的内容目录。 |
| index | 链接到当前文档的索引。 |
| glossary | 链接到当前文档术语表。 |
| copyright | 链接到当前文档的版权或隐私页面。 |
| chapter | 从当前文档链接到一个章节。 |
| section | 链接到文档列表中的一个小节。 |
| subsection | 链接到当前文档列表中的子小节。（一个小节可拥有多个子小节。） |
| appendix | 链接到文档的附录页。 |
| help | 帮助文档 |
| bookmark | 链接到一个书签。 |
| nofollow | nofollow标签是由谷歌领头创新的一个"反垃圾链接"的标签,用于指示搜索引擎不要追踪（即抓取）网页上的带有nofollow属性的任何出站链接，以减少垃圾链接的分散网站权重！ |
| licence | |
| tag | |
| friend |
浏览器支持
所有主流浏览器都支持 rel 和 rev 属性。
注意： 浏览器不以任何方式使用这些属性。但是，搜索引擎可以使用这些属性来获得更多链接的信息。
实例
实例
返回当前文档与链接文档的关系：
<html>
<body>
<a id="func" rel="friend"
href="http://www.functravel.com/">Cheap Flights</a>
<script>
document.write(document.getElementById("func").rel);
</script>
</body>
</html>
<body>
<a id="func" rel="friend"
href="http://www.functravel.com/">Cheap Flights</a>
<script>
document.write(document.getElementById("func").rel);
</script>
</body>
</html>
以上实例输出结果：
friend
尝试一下 »
Anchor对象