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

Question

Это плохая форма, чтобы использовать <abbr> тег для объяснения слов, которые на самом деле не являются аббревиатурами, но дают "наведенное" объяснение содержания?

Если это так, то почему это плохая форма и что является хорошей альтернативой HTML?

Answer 1

Вам на самом деле не нужно использовать <abbr> тег для использования title= приписывать. Вы можете применять его ко многим вещам, в том числе <span> теги.

Пример использования:

<span title="This is my explanation here.">Confusing text</span>

На w3schools.com: отмечая сокращения, вы можете предоставлять полезную информацию браузерам, средствам проверки орфографии, системам перевода и индексаторам поисковых систем.

Другими словами, вы будете вводить в заблуждение информацию для поисковых систем, если нет причин, неправильно используя <abbr> тег.

Answer 2

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>

Answer 3

Если вы хотите, чтобы поисковые системы лучше понимали ваш контент, используйте тег для объяснения запутанного текста на вашей веб-странице.

Это не зло, использовать его только для целей разработки, но если браузер не поддерживает его, ваши пользователи пострадают. Для общего пользования, простой <span title="Explanation">Abbr</span> работает лучше; конечно, вам нужно будет добавить несколько стилей с красивым правилом CSS;)

Answer 4

Элемент HTML определяет аббревиатуру или аббревиатуру.

Маркировка сокращений может дать полезную информацию для браузеров, систем перевода и поисковых систем.

лайк

<p> <abbr title="Unknown Flying Object"> UFO </abbr>