Rel-License 是微格式的开发标准之一，简单的说就是通过给引用标签（通常是链接）加上REL属性，来标明所引用链接/数据与文章的关系。

WordPress很早就引入了rel标准，在我们添加新链接的时候就可以看到“关系”属性。

早期某些社交类搜索引擎可根据这个标签来判断人与人之间的关系，但它对网页开发来说并无意义，值得庆幸的是随着浏览器的逐渐升级，我们可以利用CSS属性选择器以及REL来做一些有意思的功能。

这是一段带有REL属性的HTML结构。

<ul>
<li><a href="#" rel="civil">小李</a></li>
<li><a href="#" rel="party">局长</a></li>
</ul>

页面中他呈现这个样子

因为局长和小李是两个不同的阶级，所以我们应该有区分他们，我打算在小李和局长后面增加两张图片让他表现出这个样式。

过去，我们需要在两个链接标签上增加不同的class来实现这种样式，并且我们需要针对不同的样式书写不同的CSS

 .c,.b {background:url(01.png) right center no-repeat;}
 .b {background-image:url(02.png);}

<ul>
<li><a href="#" rel="civil" class="c">小李</a></li>
<li><a href="#" rel="party" class="b">局长</a></li>
</ul>

现在，我们可以利用REL属性以及属性选择器来完成这个工作。

a[rel~="civil"]{background:url(01.png) right center no-repeat;}
a[rel~="party"]{background:url(02.png) right center no-repeat;}

同时，我们的HTML结构也可以剔除那些多余的样式了。

<ul>
<li><a href="#" rel="civil">小李</a></li>
<li><a href="#" rel="party">局长</a></li>
</ul>

另外:ie6不支持属性选择器，但我们可以用JS来修复这个问题。

80年后出生的朋友，一定不会对开心网陌生，这样一个已SNS为模型，已Web Game为基础的网站，引诱了非常多的人参与到其中，我就是其中一个。

很早的时候，曾与朋友就开心网的前景进行过探讨，当时我们一致的认为开心网的寿命并不会很长，指导现在我对开心网的前景仍然不看好，但是SNS的魔力却让我吃了一惊。

社会是人与人的社会，人士一种群居的动物，SNS模式做到了这一点，还记得你在开心网上干的最多的是什么吗？看朋友的投票，看其他人的投票；人作为群居动物，对他人的行为习惯存在好奇心，并会潜意识的别人的习惯于自己进行对比。

推而广知，如果有机会让你知道你的朋友正在做什么、曾经做什么、未来做什么，你希望去知道吗？显然，是有这样的需求的。

将这样的模式安插到其他的一些模式上，也许会是一个不错的点子。

比如：朋友XXX曾经去过XX餐厅；朋友XXX正在参加XX任务；朋友XXX搜索了XX东西；朋友XXX写了一篇博客。

这是我的想法，多多讨论。