Правильно ли использовать тег alt для привязки, что-то вроде
<a href="#" class="test" alt="Something" src="sfasfs" ></a>
Правильно ли использовать тег alt для привязки, что-то вроде
<a href="#" class="test" alt="Something" src="sfasfs" ></a>
На такие вопросы лучше всего ответить, посмотрев официальную спецификацию:
перейти к спецификации: https://www.w3.org/TR/html5/
найдите "a
element": https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element
проверьте "Атрибуты контента", в котором перечислены все разрешенные атрибуты для элемента a
:
- Глобальные атрибуты
href
target
download
rel
hreflang
type
проверьте связанные глобальные атрибуты: https://www.w3.org/TR/html5/dom.html#global-attributes
Как вы увидите, атрибут alt
не допускается в элементе a
.
Также вы заметили, что атрибут src
также не разрешен.
Под проверяя ваш HTML, вам сообщают об ошибках.
Обратите внимание, что приведенное выше для HTML5, которое следующий стандарт HTML. Поиск допустимых атрибутов работает одинаково. Вы увидите, что элемент a
может иметь другой атрибут в HTML 5.1: rev
.
Вы можете найти все спецификации HTML (включая новейший стандарт) на текущем статусе HTML W3Cs.
Для якорей вместо этого вы должны использовать заголовок. alt недействителен атрибут a. См. http://w3schools.com/tags/tag_a.asp
"title" широко используется в браузерах. Попробуйте:
<a href="#" title="hello">asf</a>
Нет, атрибут alt
(это будет атрибут, а не тег) не разрешен для элемента a
в любой спецификации или черновике HTML. И это, похоже, не признается ни одним браузером, либо имеющим какое-либо значение.
Немного загадка, почему люди пытаются его использовать, но вероятным объяснением является то, что они делают это в аналоге с атрибутом alt
для элементов img
, ожидая увидеть "подсказку" при наведении указателя мыши. В этом есть две вещи. Во-первых, каждый элемент имеет свои собственные атрибуты, определенные в спецификациях для каждого элемента. Во-вторых, "подсказка" рендеринга атрибутов alt
в некоторых древних браузерах является/была причудой или даже ошибкой, а не чем-то ожидаемым; атрибут alt
должен быть представлен пользователю тогда и только тогда, когда изображение не представлено по какой-либо причине.
Чтобы создать "подсказку", используйте вместо этого атрибут title
или, что гораздо лучше, Google для "всплывающих подсказок CSS" и используйте подсказки на основе CSS (их можно охарактеризовать как скрытые "слои", которые становятся видимыми при наведении курсора мыши).
Вы должны использовать атрибут title для тегов привязки, если вы хотите применить описательную информацию так же, как и для атрибута alt. Атрибут title действителен для тегов привязки и не служит никакой другой цели, кроме предоставления информации о связанной странице.
W3C рекомендует, чтобы значение атрибута title соответствовало значению заголовка связанного документа, но не обязательно.
http://www.w3.org/MarkUp/1995-archive/Elements/A.html
В качестве альтернативы и, вероятно, будет более выгодным, вы можете использовать атрибут доступности ARIA aria-label
(не путать с aria-labeledby
). aria-label
выполняет ту же функцию, что и атрибут alt для изображений, но для элементов без изображения, и включает в себя некоторую меру оптимизации, поскольку вы оптимизируете для чтения с экрана.
http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects
Если вы хотите описать тег привязки, хотя обычно рекомендуется использовать тег rel или rev, но ваши ограниченные конкретными значениями, они не должны использоваться для удобочитаемых описаний.
Rel служит для описания отношения связанной страницы к текущей странице. (например, если связанная страница следующая в логической серии, она будет rel= next)
Атрибут rev по существу является обратной связью атрибута rel. Rev описывает взаимосвязь текущей страницы со связанной страницей.
Здесь вы можете найти список допустимых значений: http://microformats.org/wiki/existing-rel-values
Я использовал заголовок, и он сработает!
Атрибут title указывает название ссылки. За одним исключением, это чисто консультативный. Значение - текст. Исключение составляет ссылки на таблицы стилей, где атрибут title определяет альтернативные наборы таблиц стилей.
<a class="navbar-brand" href="#" onclick="location.href='http://www.alberghierocastelnuovocilento.gov.it/sito/index.php'; return false;" title="sito dell'Istituto Ancel Keys">A.K.</a>