第1章 第530节 dom anchor rel

推荐给朋友

Anchor rel 和 rev 属性

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>

以上实例输出结果:

friend

尝试一下