Тег <abbr> означает «аббревиатура» и используется для обозначения аббревиатуры или сокращения на веб-странице.

Синтаксис тега <abbr>

<abbr title="title-text">аббревиатура или акроним</abbr>
аббревиатура или акроним

Спецификация

Согласно спецификации HTML, тег <abbr> является частью стандарта HTML.

Семантический или нет

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

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

Базовое использование

<p> 
  <abbr title="World Wide Web">WWW</abbr> - удивительное место.
</p>

Использование аббревиатуры в заголовке

<h1>
  <abbr title="HyperText Markup Language">HTML</abbr>-справочник
</h1>

Использование аббревиатуры в таблице

<table>
  <thead>
    <tr>
      <th scope="col"><abbr title="Идентификатор">ID</abbr></th>
      <th scope="col">Имя</th>
      <th scope="col">Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>001</td>
      <td>Коля Шабалин</td>
      <td>kolya@htmlacademy.ru</td>
    </tr>
    <tr>
      <td>002</td>
      <td>Игорь Антонов</td>
      <td>igor@htmlacademy.ru</td>
    </tr>
  </tbody>
</table>

Для чего использовать тег <abbr>

  • Для обозначения сокращений или аббревиатур в тексте.
  • Чтобы добавить атрибут title для дополнительной информации об аббревиатуре.
  • Использовать в таблицах в качестве аббревиатуры заголовка для улучшения доступности.

Атрибуты тега <abbr>

title — указывает полный текст аббревиатуры или сокращения.

Глобальные атрибуты

Тег <abbr> поддерживает все глобальные атрибуты HTML.

Нюансы

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

Поддержка браузеров

Тег <abbr>поддерживается всеми основными браузерами.

Альтернативные теги

Для тега <abbr> нет прямой альтернативы.

Чем заменить тег

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

Актуальность

Тег <abbr> не является устаревшим.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023