<thead>、<tfoot>、<tbody> 要素を持つ HTML テーブル：
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
Try it Yourself ❯
<tbody> タグは、HTML テーブルの body コンテンツをグループ化するために使用します。
<tbody> 要素は、テーブルの各部分（body、header、footer）を指定するために、 <thead> と、 <tfoot> と共に使用します。
ブラウザは、ヘッダおよびフッタとは独立に、テーブル本体のスクロールを可能にするため、 これらの要素を使用することができます。 また、多数のページにまたがる大きなテーブルを印刷する場合、これらの要素によって、 テーブルのヘッダおよびフッタを各ページの上部と下部に印刷することができるようになります。
<tbody> タグは、次のコンテキストで使用しなければなりません： <table> 要素の子として、あらゆる <caption>、<colgroup> および <thead> 要素の後。
| 要素 | |||||
|---|---|---|---|---|---|
| <tbody> | Yes | Yes | Yes | Yes | Yes |
注: <tbody> 要素は、内部に 1 つ以上の <tr> タグを持たなければなりません。
チップ: <thead>、<tbody>、<tfoot> 要素は、デフォルトでは、 テーブルのレイアウトには影響しませんが、これらの要素のスタイルには CSS を使用することができます。
HTML 4.01 の属性は、いずれも HTML5 ではサポートされません。
| 属性 | 値 | 説明 |
|---|---|---|
| align | right left center justify char |
HTML5 ではサポート対象外。 <tbody> 要素内のコンテンツを配置する |
| char | character | HTML5 ではサポート対象外。 文字に <tbody> 要素内のコンテンツを配置する |
| charoff | number | HTML5 ではサポート対象外。 char 属性で指定した文字から、配置された <tbody> 要素内のコンテンツの文字数を設定します |
| valign | top middle bottom baseline |
HTML5 ではサポート対象外。
<tbody> 要素内のコンテンツを縦に配置する |
<tbody> タグは、HTML のグローバル属性もサポートします。
<tbody> タグは、HTML のイベント属性もサポートします。
ほとんどのブラウザは、次のデフォルト値を使用して <tbody> 要素を表示しています：
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}