<thead>
対応ブラウザ | Internet Explorer 4~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 6~ | ||
---|---|---|---|
タグの分類 | table要素の子要素 | 定義バージョン | Strict, Transitional, Frameset |
開始タグ | 必須 | 終了タグ | 省略可 |
用例 |
|
属性
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>