2013-03-05 8 views
5

Я использую RDFa для добавления связанных данных на мою веб-страницу. Я также иногда использую атрибут rel в различных тегах для не-семантических целей, таких как запуск всплывающей подсказки javascript. Мне интересно, что я могу сделать, чтобы отличить использование.Работа с не семантическим использованием «rel» в RDFa

К примеру, у меня есть 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 теги значок используется твиттер-самозагрузки 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, а не с другими примерами, или как избежать этого.

+0

Связанный вопрос для * valid * (следовательно, не дублирует) использование атрибута 'rel': [Rich Snippets: rel =" nofollow "и RDFa] (http://stackoverflow.com/q/25488662/1591669) – unor

ответ

2

Это всегда хорошая идея, чтобы избежать не семантического использования атрибутов, особенно rel. Один из способов избежать этого - использовать класс (возможно, class="tooltip") вместо rel.

+0

хорошо, хорошая точка, это простое решение моей проблемы. Я все еще немного озадачен, как объяснить поведение выше, где 'rel' иногда распознается только как семантика http://any23.org Apache? – cboettig

+0

По причинам, которые я не понимаю, использование класса вместо rel уничтожает отображение значков (добавляется ли класс в диапазон вокруг них или непосредственно на значок). – cboettig

+0

Ничего, мои проблемы были вызваны тем, что класс «tooltip» определен в другом месте в twitter-bootstrap, мне просто нужно уникальное имя класса. – cboettig