/html/thead:> Шапка таблицы_
Элемент thead
Синтаксис
(X)HTML
<table> <caption> ... </caption> <colgroup> ... </colgroup> <thead> ... <tr> ... </tr> ... </thead> <tfoot> ... </tfoot> <tbody> ... </tbody> </table>
Описание
Элемент thead
(от англ. "table header" ‒ «заголовок таблицы») используется для создания верхнего колонтитула (шапки) таблицы.
Примечание
После thead
может идти элемент нижнего колонтитула, элемент группировки строк таблицы или элемент строки.
Условия использования
В одной таблице допускается не более одного элемента thead
в который должно быть вложено не менее одного элемента табличной строки. А сам thead
должен располагаться внутри таблицы) после следующих элементов (если они есть): заголовок (верхний колонтитул) таблицы, параметры группы столбцов, параметры (контейнер) групп столбцов.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 11.2.3 Row groups: the THEAD, TFOOT, and TBODY elements DTD: Transitional
Strict
Frameset
|
5.0 | 4.9.6 The thead element |
5.1 | 4.9.6. The thead element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- align
- Задаёт выравнивание содержимого элементов
thead
. - char
- Указывает символ по которому выравнивается содержимое ячеек.
- charoff
- Задаёт количество символов на которое необходимо сместить содержимое ячеек.
- valign
- Задаёт вертикальное выравнивание содержимого ячеек.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент thead</title>
</head>
<body>
<h1>Пример использования элемента "thead"</h1>
<table border="1">
<caption>Кол-во дней в зимних месяцах</caption>
<thead>
<tr> <th>Декабрь</th> <th>Январь</th> <th>Февраль</th> </tr>
</thead>
<tbody>
<tr> <td>31</td> <td>31</td> <td>28 (29)</td> </tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент thead</title>
</head>
<body>
<h1>Пример использования элемента "thead"</h1>
<table border="1">
<caption>Кол-во дней в зимних месяцах</caption>
<thead>
<tr> <th>Декабрь</th> <th>Январь</th> <th>Февраль</th> </tr>
</thead>
<tbody>
<tr> <td>31</td> <td>31</td> <td>28 (29)</td> </tr>
</tbody>
</table>
</body>
</html>
Элемент thead