HTML атрибут headers, определение и примеры использования
Меню
Веб-разработка

Атрибут headers HTML

Атрибут headers

HTML-Атрибут headers указывает одну или несколько ячеек заголовков, с которыми связана ячейка таблицы.


Атрибут headers - синтаксис и код

В этом примере:

  • Каждая ячейка в строках <tbody> ссылается на заголовки, используя атрибут headers, который указывает на id соответствующих ячеек заголовков.
  • Это улучшает доступность, так как программные средства, такие как экранные читалки, могут использовать эти ссылки, чтобы обозначить, к каким заголовкам относятся данные в ячейках.
<table>
  <thead>
    <tr>
     <th id="name">Имя</th>
     <th id="age">Возраст</th>
     <th id="city">Город</th>
    </tr>
  </thead>
  <tbody>
    <tr>
     <td headers="name">Джек</td>
     <td headers="age">25</td>
     <td headers="city">Москва</td>
    </tr>
    <tr>
     <td headers="name">Джейн</td>
     <td headers="age">30</td>
     <td headers="city">Санкт-Петербург</td>
    </tr>
  </tbody>
</table>

Имя Возраст Город
Джек 25 Москва
Джейн 30 Санкт-Петербург

Синтаксис

<td headers="header_id">
<th headers="header_id">


Определение и использование

Атрибут headers в HTML используется для связывания ячейки таблицы с элементами заголовков таблицы. Этот атрибут указывается в теге <td> или <th>. Он принимает в качестве значения идентификаторы других ячеек заголовков, расположенных в строках или столбцах таблицы, которые описывают данные в текущей ячейке. Это помогает улучшить доступность контента, особенно для пользователей, использующих вспомогательные технологии, такие как экранные читалки. Атрибут headers облегчает навигацию по таблицам и обеспечивает лучшую семантику для поиска и анализа данных.


Применимо

Атрибут headers можно использовать для следующих элементов:

Элемент Атрибут
<td> headers
<th> headers

Поддержка formaction браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой