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

HTML-елемент <thead> визначає набір рядків, що позначають заголовок стовпців таблиці.

Елемент <thead> використовується для групування заголовкового вмісту в HTML-таблиці. Він повинен бути прямим нащадком елемента <table> і розміщуватися після будь-яких елементів <caption> та <colgroup>, але перед <tbody>, <tfoot> та <tr>.

Використання <thead> разом з <tbody> та <tfoot> створює семантично структуровану таблицю, що покращує доступність та дозволяє браузерам застосовувати спеціальні можливості, наприклад, прокручування тіла таблиці при нерухомому заголовку.

У таблиці може бути лише один елемент <thead>.

<table>
  <thead>...</thead>
</table>

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

table, th, td {
  border: 1px solid black;
  padding: 5px;
}
thead {
  background-color: #f2f2f2;
}

thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}