HTMLのテーブルタグの仕様について覚えたことがあったのでメモ。

テーブルの全体について

テーブル全体の書式は以下のようになる。

テーブルの書式

<table>
    <caption>テーブルの見出し</caption>
    <thead>
        <tr>
            <th>セルの見出し</th>
            <th>セルの見出し</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>フッタ</td>
            <td>フッタ</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>内容</td>
            <td>内容</td>
        </tr>
        <tr>
            <td>内容</td>
            <td>内容</td>
        </tr>
    </tbody>
</table>

caption要素

<caption></caption>はあまり見慣れないが、テーブルの見出しとして使用するタグである。

thead, tbody, tfoot要素

テーブルを構成する要素には、ヘッダ(thead)、ボディ(tbody)、フッタ(tfoot)の3つが存在する。
ヘッダにはセル(カラム)の見出しを、ボディにはセル(カラム)の内容を、フッタには注釈や定型文などを記述する。
<tfoot></tfoot>を<tbody></tbody>よりも前に記述するのは不自然に感じるが、表データが大きい場合などに、表内のデータをすべて取得することを待たずにユーザーエージェントがフッタのレンダリングを行えるように<tfoot></tfoot>は<tbody></tbody>よりも前に書くことが推奨されている。

参考
tfoot は tbody の前に書いた方がいいよ | WWW WATCH
caption – テーブルの見出し