htmlbook.ru

Атрибут headers

Влад Мержевич

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>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

AltStyle によって変換されたページ (->オリジナル) /