rel = "tooltip", è una cattiva pratica?

Question

Nella documentazione di bootstrap per suggerimenti, utilizza <a href="#" rel="tooltip" title="first tooltip">hover over me</a>. I tooltip sono però solo estetici. Stile non css ma solo un po 'di JS per cambiare il modo in cui viene presentato un attributo titolo.

L'attributo "rel" deve essere utilizzato per indicare a un bot (come google) la natura di un collegamento. Le opzioni sono alternate, autore, segnalibro, guida, licenza, successivo, nofollow, noreferrer, prefetch, prev, search e tag.

Non è forse cattiva pratica da usare in quanto rel = "tooltip" tooltip è estetica, non dice nulla circa la natura del legame, e non è altrimenti bot o il browser interpretano-grado?

Answer 1

Utilizzando rel="tooltip" il documento non convalida dagli standard Web W3C.

Otterrete questo errore dal W3C validator:

tooltip valore inappropriato per l'attributo rel sull'elemento un: Non un IRI assoluto. La descrizione della stringa non è una parola chiave registrata o un URL assoluto.

Sarebbe meglio, individuando un tooltip collegamento con una classe come:
<a href="#" class="tooltip" title="first tooltip">hover over me</a>

• Tuttavia, l'attributo rel non viene utilizzato dal browser in qualsiasi modo, come che hai già menzionato, ma è che può influenzare il tuo ranking nei motori di ricerca . Google suggests per convalidare i tuoi documenti e per "scrivere HTML buono e pulito".
• L'attributo rel può anche essere interessante per gli strumenti di accessibilità come gli screen reader.

Answer 2

O facilmente è possibile sostituire l'attributo data-rel rel wit (che è assolutamente valido).

esempio:

$("a[data-rel]").tooltip(); 

Answer 3

Bootstrap documentation suggerisce di utilizzare data-toggle="tooltip", ad esempio:

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button> 

e abilitazione con:

$(function() { 
    $('[data-toggle="tooltip"]').tooltip() 
})