Использование тега <abbr> для объяснения содержимого
Является ли плохой формой использование <abbr>
для объяснения слов, которые на самом деле не являются аббревиатурами, а для создания "наведения" на объяснение содержания?
Если это так, то почему это плохая форма, и что является хорошей альтернативой HTML?
Ответы
Ответ 1
Фактически вам не нужно использовать тег <abbr>
для использования атрибута title=
. Вы можете применить его ко многим вещам, включая теги <span>
.
Пример использования:
<span title="This is my explanation here.">Confusing text</span>
Из w3schools.com: путем разметки аббревиатур вы можете предоставить полезную информацию браузерам, средствам проверки орфографии, системам перевода и поисковым машинам.
Другими словами, вы будете вводить вводящую в заблуждение информацию в поисковых системах, если нет причин, неверно используя тег <abbr>
.
Ответ 2
Если вы хотите, чтобы поисковые системы лучше понимали ваш контент, вы должны использовать тег для объяснения непонятного текста внутри вашей веб-страницы.
Не зло использовать его только для целей проектирования, но если браузер не поддерживает его, ваши пользователи пострадают. Для общего использования простой <span title="Explanation">Abbr</span>
работает лучше; конечно, вам нужно будет добавить некоторые стили с красивым правилом CSS;)
Ответ 3
Bootstrap 4 будет стилизовать HTML-элемент <abbr>
с пунктирной границей снизу и курсором справки:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<p>You can use <abbr title="Cascading Style Sheets" class="text-info font-italic initialism">CSS</abbr> to style your <abbr title="HyperText Markup Language" class="text-info font-italic initialism">HTML</abbr>.</p>
Ответ 4
Элемент HTML определяет аббревиатуру или акроним.
Маркировка сокращений может предоставить полезную информацию для браузеров, систем перевода и поисковых систем.
like
<p> <abbr title="Unknown Flying Object"> UFO </abbr>