Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Attributes/ HTML атрибут abbr | назначение, значения, примеры

Атрибут abbr

Последнее обновление: 03.02.2011

Атрибут abbr — сокращение для ячеек заголовка таблицы.

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


<table>
<tr>
<th>Занятое место</th>
<th>Имя и версия браузера</th>
<th>Процент пользователей</th>
</tr>
<tr>
<td>1</td>
<td>Firefox 3</td>
<td>22%</td>
</tr>
<tr>
<td>2</td>
<td>Interner Explorer</td>
<td>15%</td>
</tr>
</table>

Голосовой браузер прочитает таблицу в следующей последовательности: «Занятое место 1 Имя и версия браузера Firefox 3 Процент пользователей 22% Занятое место 2 Имя и версия браузера Interner Explorer Процент пользователей 15%» Не очень удобно, когда длинные заголовки колонок будут постоянно повторяться — пользователь после первого полного прочтения заголовков поймет что к чему, дальше достаточно более краткой формы. Для этого и нужен атрибут abbr:


<table>
<tr>
<th abbr="место">Занятое место</th>
<th abbr="браузер">Имя и версия браузера</th>
<th abbr="процент">Процент пользователей</th>
</tr>
<tr>
<td>1</td>
<td>Firefox 3</td>
<td>22%</td>
</tr>
<tr>
<td>2</td>
<td>Interner Explorer</td>
<td>15%</td>
</tr>
</table>

При таком коде пользователь услышит так: «Занятое место 1 Имя и версия браузера Firefox 3 Процент пользователей 22% место 2 браузер Interner Explorer процент 15%».

Можно так же использовать атрибут abbr в паре с атрибутом title и для сокращения текста в заголовках — в саму ячейку вставляем сокращенный вариант, а в title и abbr полный. Содержание таблицы будет компактно и понятно, но голосовые браузеры будут читать полные версии названия колонок.

Тип значения текст
Значение по умолчанию нет
Применим к:
Аналог в CSS нет

Пример


<th abbr="место">Занятое место</th>


Твой код:

Результат: