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对象
点我分享笔记