Позволяет связать одни ячейки заголовка с другими. Этот атрибут предназначен для повышения доступности таблицы пользователям речевых браузеров, в обычных браузерах результат применения атрибута headers не заметен.
Для связывания ячеек между собой, ячейке в <th> пишется атрибут id, а в другой ячейке — атрибут headers со значением, совпадающим со значением id.
Синтаксис
<th id="<идентификатор>">...</th>
<th headers="<идентификатор>">...</th>
Значения
Один или несколько идентификаторов, разделённых между собой пробелом.
Значение по умолчанию
Нет.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>TH, атрибут headers</title>
<style>
table {
width: 100%; /* Ширина таблицы */
border: 1px solid #333; /* Параметры рамки */
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="5" id="info">Информация</th>
</tr>
<tr>
<th headers="info">Имя</th>
<th headers="info">Фамилия</th>
<th headers="info">Телефон</th>
<th headers="info">Адрес</th>
<th headers="info">Номер квартиры</th>
</tr>
<tr>
<td>Иван</td>
<td>Пырьев</td>
<td>555-94-32-95</td>
<td>Улица Ассенизаторов, 69</td>
<td>908Б</td>
</tr>
</table>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.