例
HTMLテーブル<thead>, <tfoot> 、および<tbody>要素:
<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>
»それを自分で試してみてください 定義と使用法
<tbody>タグは、HTMLテーブル内のボディ・コンテンツをグループ化するために使用されます。
<tbody>要素は、と組み合わせて使用されている<thead>と<tfoot>テーブル(本体、ヘッダー、フッター)の各部分を指定する要素。
ブラウザは、独立して、ヘッダーとフッターのテーブル本体のスクロールを可能にするために、これらの要素を使用することができます。 複数のページにまたがる大規模な表を印刷する際にも、これらの要素は、各ページの最上部と最下部に印刷されるテーブルのヘッダーとフッターを有効にすることができます。
<tbody>の子のように:タグは、次のコンテキストで使用されている必要があり<table>任意の後に、要素<caption>, <colgroup>および<thead>要素。
ブラウザのサポート
素子 | |||||
---|---|---|---|---|---|
<tbody> | はい | はい | はい | はい | はい |
ヒントと注意事項
注: <tbody>要素は、1つ以上持っている必要があり<tr>タグ内に。
ヒント: <thead>, <tbody>および<tfoot>要素は、デフォルトでは、テーブルのレイアウトには影響しません。ただし、これらの要素のスタイルをCSSを使用することができます。
HTML 4.01とHTML5の違い
HTML 4.01属性のいずれも、HTML5でサポートされていません。
属性
属性 | 値 | 説明 |
---|---|---|
align | right left center justify char | HTML5でサポートされていません。 内のコンテンツ揃え<tbody>要素を |
char | character | HTML5でサポートされていません。 内のコンテンツ揃え<tbody>文字に要素を |
charoff | number | HTML5でサポートされていません。 文字数が内のコンテンツを設定し<tbody>要素はで指定した文字から整列されchar属性 |
valign | top middle bottom baseline | HTML5でサポートされていません。 垂直内のコンテンツ整列<tbody>要素を |
グローバル属性
<tbody>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<tbody>タグもサポートしています。イベントは、HTMLの属性 。
デフォルトのCSS設定
ほとんどのブラウザが表示されます<tbody>次のデフォルト値を持つ要素を:
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}