5

我使用 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语义上使用锚标记的位置，但reltwitter-bootstrap javascript 使用图标标记来添加工具提示。神奇的是，在这个例子中，诸如http://any23.org之类的工具会智能地忽略图标中的 rel。但是，当在 span 元素中遇到 a 时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/> .

当然这不是一个大问题，但我不确定为什么跨元素而不是其他示例会发生这种情况，或者如何避免它。

4

1 回答 1

2

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

于 2013-03-05T04:31:21.467 回答