<thead>の解説|クロノドライブのHTML辞典

<thead>

対応ブラウザ Internet Explorer 4~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 6~
タグの分類 table要素の子要素 定義バージョン Strict, Transitional, Frameset
開始タグ 必須 終了タグ 省略可
用例
<table>
<thead>
<tr>
<th>見出し1</th>
<th>見出し2</th>
</tr>
</thead>
<tbody>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>フッタセル1</td>
<td>フッタセル2</td>
</tr>
</tfoot>
</table>

属性

align 概要 セル内のデータの配置(水平方向)を指定します。
属性の値 left、center、right、justify、char
valign 概要 セル内のデータの配置(垂直方向)を指定します。
属性の値 top、middle、bottom、baseline
char 概要 位置揃えする対象文字を指定します。
属性の値 文字
charoff 概要 char属性で指定した文字をセルの端からどの距離に配置するのかを指定します。
属性の値 数値、%

<thead>とは

「THEAD」とは「table header」表の行(水平方向)をグループ化するタグです。<thead>~</thead>で囲まれた内容は、表のヘッダ部分としてグループ化され、<table>の中はヘッダ部分を表す<tread>~</tread>部分、ボディ(表の本体)部分<tbody>~</tbody>、フッタ部分<tfoot>~</tfoot>に分けられます。このように分けることでブラウザはヘッダとフッタを先読みして表示したり、ヘッダとフッタを固定表示したままボディ部分だけをスクロールさせたりすることができます。ただし、これらのタグに対応していないブラウザの場合は、フッタをボディより上に表示してしまうことがあります。

サンプルデモ

	<table>
		<thead>
			<tr>
				<th>見出し1</th>
				<th>見出し2</th>
			</tr>
		</theadv>
		<tbody>
			<tr>
				<td>内容1</td>
				<td>内容2</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td>フッタセル1</td>
				<td>フッタセル2</td>
			</tr>
		</tfoo>
	</table>