Использование тега <abbr> для объяснения содержимого

Ответ 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>