codecamp

HTML DOM Anchor rel 和 rev 属性

Anchor relrev 属性

Anchor 对象参考手册 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  


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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

尝试一下 »


Anchor 对象参考手册 Anchor对象
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

HTML DOM对象

HTML DOM 引用对象

HTML DOM Password 对象

HTML DOM Link 对象

HTML DOM Select 对象

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }