Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Позволяет связать ячейки таблицы с заголовками. Этот атрибут предназначен для повышения доступности таблицы пользователям речевых браузеров, в обычных браузерах результат применения атрибута headers не заметен.
Для связывания ячеек между собой одной ячейке в теге <td> или <th> задается атрибут id, а второй ячейке — атрибут headers со значением, совпадающим со значением id.
Синтаксис
<td id="идентификатор">...</td><td headers="идентификатор">...</td>
Значения
Один или несколько идентификаторов, разделенных между собой пробелом.
Значение по умолчанию
Нет.
Пример
HTML 4.01IECrOpSaFx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег TD, атрибут headers</title> </head> <body> <table cellspacing="0" cellpadding="4" border="1"> <tr> <td id="name">Имя</td> <td id="surname">Фамилия</td> <td id="tel">Телефон</td> <td id="address">Адрес</td> <td id="num">Номер комнаты</td> </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>