【HTML】tbodyタグでテーブルの本体をグループ化する方法

このページについて

このページではHtMLで使えるtbodyの解説をしています。

tableタグを生成することができるページを公開しました。まだ色々と機能不足で基礎的なコードしか生成できませんが、今後もちまちま更新予定です。

tbodyはtableタグで使用するタグになります。これは「tableの本体部分をグループ化する」という機能を持っています。

具体的にはtable内で使用することができる、tfootタグ、theadタグの2つと一緒に使用することでtableの部位を定義することができます。

tbodyはtableタグの子要素として書きます。そして他のタグを使用する場合、theadタグやcaptionタグ、colgroupタグの後に書きます。

<table>
<tbody>
<tr><td>A</td><td>B</td></tr>
</tbody>
</table>

このように書くことでテーブルのボディ部分を定義できます。他のtheadなどを使用する場合は以下のようになります。

<table>
<thead><tr><th>部品名</th><th>個数</th></tr></thead>
<tbody>
<tr><td>○○</td><td>1</td></tr>
<tr><td>××</td><td>2</td></tr>
</tbody>
</table>

このようにtbodyはtheadタグの後に書きます。HTMLにおけるheadタグ、bodyタグの関係と同じです。

tbodyはグローバル属性と、イベント属性をサポートしています。固有の属性などはありません。