<abbr>
- 25 января 2023
Тег <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.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023