Атрибут abbr
Атрибут 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>
Твой код:
Результат:
большой полигон
Заметки
Ссылки по теме: