【HTML Living Standard】tbody要素の使い方
tbody要素の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
tbodyオブジェクトは、HTMLのテーブル（表）の本体部分を表すオブジェクトです。これは、<table>要素内で使用され、表のヘッダーである<thead>要素やフッターである<tfoot>要素とは区別された、実際のデータを格納する主要な部分を定義します。tbodyを使用することで、テーブル内の複数の行（<tr>要素）を論理的なグループとしてまとめることができます。
このオブジェクトの主な目的は、テーブルの構造をセマンティックに明確にすることにあります。Webブラウザや検索エンジン、スクリーンリーダーなどの補助技術は、tbodyの存在によって、テーブルのどの部分が主要なデータであるかを正確に理解し、適切に処理できます。例えば、長いテーブルで<thead>と<tfoot>を固定しつつ、tbody部分だけをスクロールさせる、といった表示制御を容易にします。また、印刷時に<thead>や<tfoot>を各ページに繰り返し表示させながら、<tbody>の内容をページ分割する、といった高度なレイアウトを実現する際にも重要です。
tbodyオブジェクトは、1つ以上の<tr>要素を子要素として持ち、その<tr>要素の中にセル（<td>または<th>）が配置されます。<table>要素の直下には、通常、<caption>、colgroup、<thead>、<tbody>、<tfoot>の順で配置されますが、tbodyはテーブル本体の中核をなす部分として、テーブルデータの構造化に不可欠な要素です。
公式リファレンス: <tbody>: The Table Body element
構文(syntax)
1<table> 2 <tbody> 3 <tr> 4 <td>セルデータ1</td> 5 <td>セルデータ2</td> 6 </tr> 7 <tr> 8 <td>セルデータ3</td> 9 <td>セルデータ4</td> 10 </tr> 11 </tbody> 12</table>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません