HTML <thead> Тег
Пример
HTML-таблица с <thead>, <tfoot> и элементом <tbody>:
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
Определение и использование
Тег <thead> используется для группирования содержимого заголовков в таблице HTML.
Элемент <thead> используется совместно с элементом <tbody> и <tfoot> элементы для указания каждой части таблицы (заголовка, тела, нижнего колонтитула).
Обозреватели могут использовать эти элементы для включения прокрутки тела таблицы независимо от верхнего и нижнего колонтитулов. Кроме того, при печати большой таблицы, охватывающей несколько страниц, эти элементы могут включать верхний и нижний колонтитулы таблицы для печати в верхней и нижней части каждой страницы.
Тег <thead> должен использоваться в следующем контексте: в качестве дочернего элемента <table> элемент, после любого <caption>, и <colgroup> элементы, и перед любым <tbody>, <tfoot>, и <tr> элементом.
Поддержка браузера
| Элемент | |||||
|---|---|---|---|---|---|
| <thead> | Да | Да | Да | Да | Да |
Советы и примечания
Примечание: Элемент <thead> должен иметь один или несколько тегов <tr> внутри.
Совет: Элементы <thead>, <tbody> и <tfoot> не будут влиять на компоновку таблицы по умолчанию. Однако для оформления этих элементов можно использовать CSS.
Различия между HTML 4,01 и HTML5
Ни один из атрибутов HTML 4,01 не поддерживается в HTML5.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| align | right left center justify char |
Не поддерживается в HTML5. Выравнивание содержимого внутри элемента <thead> |
| char | character | Не поддерживается в HTML5. Выравнивание содержимого внутри элемента <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;
}