Главная -> Блоги о HTML5 -> Тег <abbr> в HTML5

Тег <abbr> в HTML5

На самом деле тег <abbr> - не нововведение HTML5, он был только переопределен. В HTML5 был удален старый тег <acronym> и заменен более коротким <abbr>.

С помощью <abbr> можно указать браузеру выводить всплывающую подсказку над определенным текстом.

Пример использования тега abbr

Использование этого тега показано на следующем примере:

<p>В <abbr title="Hyper Text Markup Language 5">HTML5</abbr> есть новый тег abbr.</p>

Так как тег <abbr> является строчным элементом, его можно использовать внутри, например, тегов <strong> или <i>.

Необязательный атрибут title указывает текст всплывающей подсказки. Если он отсутствует то подсказка не будет отображаться, но слово будет выделено подчеркиванием.

Кстати по умолчанию подчеркивание отображается только в браузерах Mozilla FireFox и Opera. Для остальных браузеров необходимо вручную прописать:

<style>
abbr {border-bottom: 1px dotted black;}
</style>

Что касается старых версий Internet Explorer, то для них необходимо прописать следующий скрипт:

<!--[if lte IE 7]>
<script type="text/javascript">document.createElement('abbr');</script>
<![endif]-->

Рабочий пример можно посмотреть по этой ссылке: http://html5blog.ru/examples/abbr-example.php