Тег <abbr>

IE
7.0+
Chrome
2.0+
Opera
1.3+
Safari
3.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Тег <abbr> указывает, что последовательность символов является аббревиатурой. С помощью атрибута title дается расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, что может использоваться для повышения рейтинга документа.

Браузеры никак не выделяют текст внутри <abbr>, за исключением Opera до версии 15, которая добавляет к тексту пунктирное подчеркивание.

Закрывающий тег обязателен.

<abbr>Текст</abbr>

Атрибуты

title: Добавляет всплывающую подсказку к тексту, в которой можно дать расшифровку аббревиатуры.

Также для этого тега доступны глобальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <title>Тег ABBR</title>
  <meta charset="utf-8">
  <style>
   abbr {
    /* Пунктирное подчеркивание текста */
    border-bottom: 1px dashed red;
    /* Синий цвет текста */
    color: blue;
   }
  </style>
 </head>
 <body> 
  <p><abbr title="HyperText Markup Language">HTML</abbr> -
  стандартный язык разметки документов во Всемирной паутине</p>
</body> 
</html>

Вид всплывающей подсказки при наведении курсора мыши на текст аббревиатуры показан на рисунке ниже:

Вид всплывающей подсказки при наведении курсора мыши на текст аббревиатуры

Категория: Строчные элементы, Текст