text.html 1.9 KB
Newer Older
ToTensor's avatar
ToTensor 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
 
<p class="zw">最常见的基于链接的微格式的用途之一,就是链接到版权。当使用<code>rel-licence</code>时,目的十分明确,就是链接一个许可证。</p> 
<pre class="代码无行号"><code><a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license"> 
Creative Commons Attribution-ShareAlike 4.0 International License</a></code></pre> 
<p class="zw">你可能会认为任何人都会使用微格式链接到版权,没错,毕竟微格式的原则之一就是降低使用门槛。虽然门槛很低,但是它带来的好处却是巨大的,尤其是随着谷歌在高级搜索里添加了一个使用权选项。</p> 
<p class="图"><img alt="0801.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/60.jpg"></p> 
<p class="图题">想要搜索可以自由使用,共享和修改,甚至商业化的东西?可以使用隐藏在谷歌高级搜索选项里的使用权过滤器。</p> 
<p class="zw">那么作为工程师的我们,该如何设计<code>rel-license</code>? 也许我们想要通过添加一个小图标来让许可链接和页面上的其他链接看起来不同。我们可以为这个链接添加个<code>class</code>:</p> 
<pre class="代码无行号"><code><a href="http://creativecommons.org/licenses/by-sa/4.0/" 
rel="license" class="license">Creative Commons Attribution-
ShareAlike 4.0 International License</a></code></pre> 
<p class="zw">其实我们并不需要这个额外的<code>class</code>,因为我们可以通过CSS属性选择器来达到同样的效果。</p> 
<pre class="代码无行号"><code>a[rel="license"] { 
padding-left : 20px; 
background : transparent url(cc.png) no-repeat 0 0; }</code></pre> 
<p class="zw">通过使用微格式,可以使我们的HTML更加犀利,而且这种方式能为我们及用户提供更多的价值。</p>