HTML 标签 rel 属性详解

HTML5 herman 1899浏览 0评论
公告:“业余草”微信公众号提供免费CSDN下载服务(只下Java资源),关注业余草微信公众号,添加作者微信:xttblog,发送下载链接帮助你免费下载!
本博客日IP超过1800,PV 2600 左右,急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包,请加博主新的微信号:xttblog,之前的微信号好友位已满,备注:返现
所有面试题(java、前端、数据库、springboot等)一网打尽,请关注文末小程序
视频教程免费领

一般的向我网站申请友情链接我都会去看看对方网站对我的网站链接a标签是否添加了"rel=nofollow"属性。一次偶然的机会我看到了有带rel="colleague"属性的a标签。这个属性我很陌生,我就搜索相关资料,发现网站对 a标签的 rel属性的相关文章基本没有。因此很有必要在这里整理一下 a标签 rel 属性的使用详解。

定义和用法

<a> 标签的 rel 属性用于指定当前文档与被链接文档的关系。

例如:

<a href="http://www.xttblog.com" rel=”home me”>业余草</a>

看到这里的rel属性,它是一种微格式的用法。关于微格式的学习,请查看这篇文章:http://www.xttblog.com/?p=1178。rel="me"可以被使用在用来描述从描述某人的页面到另一个同样描述该人页面的超链接。
记住了这一点,我可以把指向我社交站点(比如,Flickr、Facebook、Twitter等)个人页面的链接上都添加了 rel="me"属性。

rel="met colleague co-worker friend" 属性

rel属性值说明:met:我见到过Ian本人。 colleague:Ian是我的同事,也就是说我认为他跟我是具有相似兴趣和技术的人。 co-worker:Ian是我的老板,因为他也是我的同事。 friend:我把Ian当作的我朋友(他很幸运吧)。 

  • met:相遇
  • colleague:具有相似兴趣或者技术的人,同僚。
  • co-worker:同事。
  • friend:朋友

rel 关系属性

XFN规范提供了各种关系属性值,这些属性值都是非常简单并直观的。下面列举一些 rel 常用属性。

友谊/熟悉度
仅能使用这个列表中的一个值。

  • friend:根据个人定义变化。但根本来说,这是在熟悉度类别中最“亲密”的值。
  • acquaintance:表明一个中等的熟悉程度。
  • contact:表明仅仅是我拥有联系信息的个人。
  • met:相遇──表明曾经见过本人的关系。可以同其他所有属性值共存。

职业
可以使用其中一个或者两个属性值。

  • colleague:具有相似兴趣或者技术的人,同僚。
  • co-worker:同事。

地理信息
仅可使用其中一个属性值。

  • co-resident:跟您住在同一条街道上的人。
  • neighbor:一个更广义的地理引用,通常是住的非常近(靠您自己定义),但是不在同一个街道上的。

家族
仅可以使用其中一个属性值。

  • child:孩子
  • parent:父母
  • sibling:兄弟姐妹,也包括您结婚之后对方那边的兄弟姐妹
  • spouse:配偶(不论合法与否)
  • kin:任何亲戚,不管是直系,还是通过婚姻或者领养。

浪漫关系
可以使用一个或者多个属性值。

  • muse:获取灵感的人
  • crush:您单相思的人
  • date:您目前相对固定的约会对象
  • sweetheart:您目前非常心理或者物理投入的人

rel 属性的其他标签

描述
alternate 文档的可选版本(例如打印页、翻译页或镜像)。
stylesheet 文档的外部样式表。
start 集合中的第一个文档。
next 集合中的下一个文档。
prev 集合中的前一个文档。
contents 文档目录。
index 文档索引。
glossary 文档中所用字词的术语表或解释。
copyright 包含版权信息的文档。
chapter 文档的章。
section 文档的节。
subsection 文档的子段。
appendix 文档附录。
help 帮助文档。
bookmark 相关文档。
nofollow Google 使用 "nofollow",用于指定 Google 搜索引擎不要跟踪链接。
licence  
tag  
friend  

参考资料

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加QQ1群:135430763(2000人群已满),QQ2群:454796847(已满),QQ3群:187424846(已满)。QQ群进群密码:xttblog,想加微信群的朋友,之前的微信号好友已满,请加博主新的微信号:xttblog,备注:“xttblog”,添加博主微信拉你进群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作可添加助理微信进行沟通!

本文原文出处:业余草: » HTML 标签 rel 属性详解