<th> - HTML-елемент заголовка таблиці

HTML-елемент <th> (або елемент заголовка таблиці) визначає комірку як заголовок для групи комірок таблиці. Точна природа цієї групи визначається атрибутами scope та headers.

Тег <th> (table head) використовується для створення заголовків стовпців або рядків у таблиці. Браузери зазвичай відображають текст у <th> жирним шрифтом і центрують його.

Правильне використання <th> є важливим для доступності, оскільки допоміжні технології, такі як скрінрідери, використовують ці заголовки для правильної інтерпретації та озвучування даних у таблиці.

HTML
<th>...</th>

Атрибути

Цей тег може мати глобальні атрибути.

scope

Визначає, до яких комірок відноситься заголовок. Можливі значення:

row: заголовок для рядка.
col: заголовок для стовпця.
rowgroup: заголовок для групи рядків.
colgroup: заголовок для групи стовпців.

colspan

Вказує, на скільки стовпців має розтягуватися заголовок.

rowspan

Вказує, на скільки рядків має розтягуватися заголовок.

headers

Список id інших заголовків (<th>), які відносяться до цієї комірки. Використовується для складних таблиць.

abbr

Короткий опис заголовка, який можуть використовувати допоміжні технології.

Технічне резюме

Категорія контенту	Немає.
Дозволений вміст	Потоковий контент, але без елементів `<header>`, `<footer>`, секційних елементів або заголовків.
Пропуск тегів	Кінцевий тег може бути пропущений, якщо за ним відразу слідує інший елемент `<th>` або `<td>`, або якщо в батьківському елементі більше немає вмісту.
Дозволені батьківські елементи	Елемент `<tr>`.
Роль ARIA	`columnheader` або `rowheader`
DOM інтерфейс	`HTMLTableCellElement`

Приклади використання

<table>
  <tr>
    <th>Ім’я</th>
    <th>Вік</th>
  </tr>
  <tr>
    <td>Іван</td>
    <td>25</td>
  </tr>
</table>

table, th, td {
  border: 1px solid black;
  padding: 5px;
}

Стилі за замовчуванням

CSS
th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: center;
}

Підтримка браузерів



`<th>`
`abbr`
`align`
`axis`
`bgcolor`
`char`
`charoff`
`colspan`
`headers`
`rowspan`
`scope`
`valign`
`width`