表の構造を明確にする(グループ化する)

<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>はフッター要素であるため、実際には最下段に表示されていることに注意してください。

関連情報

テーブルタグ一覧
最新情報をチェックしよう!