处理RDFa中“rel”的非语义用法

Question

我使用RDFa将链接数据添加到我的网页。 我偶尔也会在各种标签中使用rel属性用于非语义目的，例如触发javascript工具提示。 我想知道我可以做些什么来区分用途。

例如，我的社交网络图标周围有RDFa，如下所示：

<a rel="foaf:account" alt="twitter" href="https://twitter.com/cboettig"><i class="icon-twitter" rel="tooltip" title="follow me on twitter (reading, discussing)"></i></a> 

<a rel="foaf:account" alt="github" href="https://github.com/cboettig"><i class="icon-github" rel="tooltip" title="follow me on Github (code, research)"></i></a>

其中，锚rel中的rel在语义上使用，但是twitter-bootstrap javascript使用了rel图标标签来添加工具提示。 奇怪的是，在这个例子中，诸如http://any23.org之类的工具会忽略图标中的rel。 但是，在span元素中遇到rel="tooltip"时（用于向按钮添加工具提示）：

<span rel="tooltip" title="switch to dark theme">
   <a onclick="switch_style('dark');" class="btn btn-mini"></a> 
</span>

这创造了一个无意义的ntriple，例如：

<http://any23.org/tmp/> <http://any23.org/tmp/tooltip> <http://any23.org/tmp/> .

当然这不是一个大问题，但我不确定为什么会出现span元素而不是其他例子，或者如何避免它。

Answer 1

避免属性的非语义使用总是一个好主意，尤其是rel 。 避免这种情况的一种方法是使用类（可能是class="tooltip" ）而不是rel 。