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()
})