Атрибут headers HTML

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>

Синтаксис

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

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

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

Применимо

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

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

	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает

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