<thead><tfoot><tbody>
テーブルタグで表示関連する基本的なタグ以外に、これらのタグをグループ化するタグが存在します。これが、<thead>(ヘッダー要素)タグ、<tfoot>(フッター要素)タグ、<tbody>(ボディ要素)タグです。これら3つのテーブルグループ化タグは、挿入しても直接的には表示に関係ありませんが、表の構造を明確にする場合には使用する必要があります。
なお、これらのタグは<table>タグと<tr>タグの間に挿入します。
記述例
<table>
<thead>
<tr>
<td>上のセル</td>
</tr>
</thead>
<tfoot>
<tr>
<td>下のセル</td>
</tr>
<tfoot>
<tbody>
<tr>
<td>中央のセル</td>
</tr>
</tbody>
</table>
上のセル |
下のセル |
中央のセル |
※分かりやすくするために枠を表示しています。
これら3つのタグは<thead>・・・<tfoot>・・・<tbody>の順番で記述する必要があります。<tfoot>は本文の<tbody>より先に記述しますが、<tfoot>はフッター要素であるため、実際には最下段に表示されていることに注意してください。
関連情報
- テーブルタグ一覧
-
- 表を挿入する
- 表の枠を指定する、または枠を消す
- 表全体の横幅をサイズ指定する
- 表全体の縦幅をサイズ指定する
- 表の罫線の幅をサイズ指定する
- 表のセル内の余白(マージン)を指定する
- 表全体の背景色を設定する
- 表全体の背景画像を設定する
- 表の表示位置を指定する
- 表の概要や要約を記入する
- 表題(表のタイトル)を記入する
- 行単位で背景色を設定する
- 行単位で背景画像を設定する (#)
- セルごとに横幅をサイズ指定する
- セルごとに縦幅をサイズ指定する
- セルごとに背景色を設定する
- セルごとに背景画像を指定する
- セル内に記入した文字の横方向の表示位置を指定する
- セル内に記入した文字の縦方向の表示位置を指定する
- 横方向にセルを結合する
- 縦方向にセルを結合する
- セル内で自動的に改行をさせない
- 表の見出しを指定する
- 表の構造を明確にする(グループ化する)