我使用 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>
Where rel锚标记中的语义使用但是reltwitter-bootstrap javascript 使用图标标签来添加工具提示。神奇的是，在这个例子中，诸如http://any23.org http://any23.org聪明地忽略图标中的rel。然而，当遇到一个rel="tooltip"在 span 元素中（用于向按钮添加工具提示）：
<span rel="tooltip" title="switch to dark theme">
<a onclick="switch_style('dark');" class="btn btn-mini"></a>
</span>
这会创建一个几乎毫无意义的三元组，例如：
<http://any23.org/tmp/> <http://any23.org/tmp/tooltip> <http://any23.org/tmp/> .
当然这不是一个大问题，但我不确定为什么这种情况发生在 span 元素而不是其他示例中，或者如何避免它。
避免属性的非语义使用总是一个好主意，尤其是rel。
避免这种情况的一种方法是使用一个类（也许class="tooltip"） 代替rel.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
