Атрибут headers HTML тега <th>

Значение и применение

Атрибут headers (HTML тега <th>) указывает id одной или нескольких заголовочных ячеек (HTML тег <th>), связанных с данной ячейкой. Применение атрибута не отображается в браузере, но может быть использовано, например, для чтения с экрана или в работе скриптов.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьhtml.elements.th.headers
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
headers✓1✓12✓1✓15✓1✓18✓4✓14✓1✓1.0✓4.4✓1

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML
<th headers =  "th_id" >

Отличия HTML 4.01 от HTML 5

Нет.

Значения атрибута

Значение Описание
th_id Указывает id одной или нескольких заголовочных ячеек (HTML тег <th>), связанных с данной ячейкой. В случае если указывается несколько id, то они записываются как список строк, разделенных пробелом. Применение атрибута не отображается в браузере, но может быть использовано, например, для чтения с экрана или в работе скриптов.

Примеры, попробуйте сами

Атрибут headers элемента th

Атрибут описывает связь или назначение заголовков и не обязан менять внешний вид. Изучите разметку таблицы.

base.css
CSS
/* Границы помогают увидеть ячейки и их объединение. */
table {
    border-collapse: collapse;
}
th,
td {
    border: 1px solid;
    padding: 4px;
}
index.html
HTML
<table>
  <tr>
    <th id="product" scope="col">Товар</th>
    <th id="count" scope="col">Количество</th>
  </tr>
  <tr>
    <th id="notebook" headers="product" scope="row">Блокнот</th>
    <td headers="notebook count">2</td>
  </tr>
</table>