Атрибут headers

Атрибут headers позволяет связать одни ячейки заголовка с другими. Этот атрибут предназначен для повышения доступности таблицы пользователям речевых браузеров, в обычных браузерах результат применения атрибута 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>

Браузеры


3	12	1	3.5	1	1


4.4	4	6	1