Позволяет связать ячейки таблицы с заголовками. Этот атрибут предназначен для повышения доступности таблицы пользователям речевых браузеров, в обычных браузерах результат применения атрибута headers не заметен.
Для связывания ячеек между собой одной ячейке в элементе <td> или <th> задаётся атрибут id, а второй ячейке — атрибут headers со значением, совпадающим со значением id.
Синтаксис
<th id="<идентификатор>">…</th>
<td headers="<идентификатор>">…</td>
Значения
Один или несколько идентификаторов, разделённых между собой пробелом.
Значение по умолчанию
Нет.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>TD, атрибут headers</title>
</head>
<body>
<table>
<tr>
<th id="name">Имя</th>
<th id="surname">Фамилия</th>
<th id="tel">Телефон</th>
<th id="address">Адрес</th>
<th id="num">Номер комнаты</th>
</tr>
<tr>
<td headers="name">Иван</td>
<td headers="surname">Пырьев</td>
<td headers="tel">555-94-32-95</td>
<td headers="address">Улица Ассинизаторов, 69</td>
<td headers="num">908Б</td>
</tr>
</table>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.