САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <thead>


Пример

HTML-таблица с элементами <thead>, <tbody>, and a <tfoot>:

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>
Попробуйте сами »

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

Тег <thead> используется для группировки содержимого заголовка в таблице HTML.

Тег <thead> используется вместе с элементами <tbody> и <tfoot> для указания каждой части таблицы (header, body, footer).

Браузеры могут использовать эти элементы для включения прокрутки тела таблицы независимо от верхнего и нижнего колонтитула. Кроме того, при печати большой таблицы, которая занимает несколько страниц, эти элементы могут позволить печатать верхний и нижний колонтитулы таблицы вверху и внизу каждой страницы.

Тег <thead> должен использоваться в следующем контексте: как дочерний элемент элемента <table> после любых элементов <caption>, и <colgroup> и перед любыми <tbody>, <tfoot>, and <tr> элементами.


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

Элемент
<thead> Yes Yes Yes Yes Yes

Советы и примечания

Примечание: элемент <thead> должен иметь один или несколько тегов <tr> внутри.
Совет: элемент <thead>, <tbody>, и <tfoot> eпо умолчанию не влияют на макет таблицы. Тем не менее, вы можете использовать CSS для стилизации этих элементов.

Различия между HTML 4.01 и HTML5

Ни один из атрибутов HTML 4.01 не поддерживается в HTML5.


Атрибуты

Атрибут Значение Описание
align right
left
center
justify
char
Не поддерживается в HTML5.
Выравнивает содержимое внутри элемента <thead>
char character Не поддерживается в HTML5.
AВыравнивает содержимое внутри элемента <thead> по символу
charoff number Не поддерживается в HTML5.
Устанавливает количество символов, которое содержимое внутри элемента <thead> будет выровнено по символу, указанному в атрибуте char
valign top
middle
bottom
baseline
Не поддерживается в HTML5.
Выравнивание по вертикали содержимого внутри элемента <thead>

Глобальные атрибуты

Тег <thead> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <thead> также поддерживает Атрибуты событий в HTML.


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <thead> со следующими значениями по умолчанию:

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