RDFa を使用して、リンクされたデータを Web ページに追加しています。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 をインテリジェントに無視します。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 要素で発生し、他の例では発生しないのか、またはそれを回避する方法がわかりません。