Rel= "подсказка", это плохая практика?

В документации для всплывающих подсказок для начальной загрузки используется <a href="#" rel="tooltip" title="first tooltip">hover over me</a>. Подсказки просто косметические. Не css-стиль, а только немного JS, чтобы изменить, как представлен атрибут title.

Атрибут rel используется для указания боту (например, google) о характере ссылки. Параметры альтернативные, автор, закладка, справка, лицензия, следующая, nofollow, noreferrer, prefetch, prev, search и tag.

Неплохо ли использовать rel = "tooltip", потому что всплывающая подсказка является косметической, ничего не говорит о природе ссылки и не может ли она использовать интерпретатор бота или браузера?

Ответ 1

Используя rel="tooltip", ваш документ не будет проверять веб-стандарты W3C.

Вы получите эту ошибку из W3C validator:

Полезная подсказка для атрибута rel на элементе a: Не абсолютный IRI. Всплывающая подсказка не является зарегистрированным ключевым словом или абсолютным URL.

Было бы лучше, идентифицировать ссылку с классом как:
<a href="#" class="tooltip" title="first tooltip">hover over me</a>

Однако атрибут rel не используется браузером каким-либо образом, поскольку вы уже упомянули, но он может повлиять на ваш рейтинг в поиске двигатели. Google предлагает проверить ваши документы и "писать хороший, чистый HTML".
Атрибут rel также может быть интересны для доступности, таких как программы чтения с экрана.

Ответ 2

Или вы можете заменить атрибут rel wit data-rel (который абсолютно прав).

пример:

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

Ответ 3

Документация Bootstrap предлагает использовать data-toggle="tooltip", например:

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

и разрешить им:

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