HTML 标签 rel 属性详解

一般的向我网站申请友情链接我都会去看看对方网站对我的网站链接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 属性的其他标签

参考资料

• http://ablognotlimited.com/index.php/articles/getting-semantic-with-microformats-part-2-xfn/
• http://www.w3school.com.cn/tags/att_a_rel.asp

： » HTML 标签 rel 属性详解