Тег <thead>
Элемент <thead> предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. Допустимо использовать не более одного элемента <thead> в пределах одной таблицы, и он должен идти в исходном коде сразу после тега <table>.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
спецификация:
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
синтаксис:
<table>
<thead>
<tr>
<td> ... </td>
</tr>
</thead>
<tfoot> ... </tfoot>
<tbody> ... </tbody>
</table>
атрибуты:
align - Задает выравнивание по горизонтали для всех ячеек в пределах <thead>.
bgcolor - Устанавливает цвет фона ячеек, расположенных в контейнере <thead>.
char - Атрибут char позволяет выравнить содержимое ячеек внутри <thead> по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячеек внутри <thead> влево или вправо относительно заданного символа.
valign - Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <tbody>.
bgcolor - Устанавливает цвет фона ячеек, расположенных в контейнере <thead>.
char - Атрибут char позволяет выравнить содержимое ячеек внутри <thead> по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячеек внутри <thead> влево или вправо относительно заданного символа.
valign - Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <tbody>.
закрывающий тег:
Не обязателен
пример кода:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег THEAD</title>
</head>
<body>
<table style="width: 600px;">
<thead style="background: #fc0">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</thead>
<tbody style="background: #ccc">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>