我使用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用于添加工具提示。奇怪的是,在这个例子中,诸如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元素而不是其他例子,或者如何避免它。
答案 0 :(得分:2)
避免对属性进行非语义使用总是一个好主意,尤其是rel
。
避免这种情况的一种方法是使用一个类(可能是class="tooltip"
)而不是rel
。