<本体>
HTML <tbody> タグ
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>0</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>0</td>
</tr>
<tr>
<td>February</td>
<td></td>
</tr>
</tbody>
</table>
<p><b>提示:</b> thead, tbody, 和 tfoot 元素默认不会影响表格的布局。不过，您可以使用 CSS 来为这些元素定义样式，从而改变表格的外观。</p>
</body>
</html>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します
ブラウザのサポート
すべての主要なブラウザは <tbody> タグをサポートしています。
タグの定義と使用方法
<tbody> タグは、HTML テーブルのメインコンテンツを結合するために使用されます。
<tbody> 要素は <thead> と一致する必要があります。 <tfoot> 要素は、テーブルのさまざまな部分 (本文、ヘッダー、フッター) を指定するために組み合わせて使用されます。
これらの要素を使用することにより、ブラウザはテーブル ヘッダーやテーブル フッターとは独立してテーブル本体のスクロールをサポートできるようになります。複数のページを含む長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。
<tbody> タグは、<table> 要素の子要素として、<colgroup> 要素の後に使用する必要があります。
ヒントとメモ
注: <tbody> 要素には 1 つ以上の <tr> タグが含まれている必要があります。
ヒント: <thead>、<tbody>、<tfoot> 要素は、デフォルトではテーブルのレイアウトに影響しません。ただし、CSS を使用してこれらの要素のスタイルを定義することで、テーブルの外観を変更できます。
HTML 4.01 と HTML5 の違い
HTML 5 では、HTML 4.01 の <tbody> タグの属性はサポートされなくなりました。
プロパティ
| プロパティ | 値 | 説明 |
|---|---|---|
| 整列 | 右 左 センター 正当化する char | HTML5 はサポートされていません。 <tbody> 要素内のコンテンツの配置を定義します。 |
| char | character | HTML5 はサポートされていません。 テキストの配置に <tbody> 要素内のどの文字を使用するかを指定します。 |
| charoff | number | HTML5 はサポートされていません。 <tbody> 要素内のコンテンツの最初に位置合わせされた文字のオフセットを指定します。 |
| ヴァライン | トップ 真ん中 下 ベースライン | HTML5 はサポートされていません。 <tbody> 要素内のコンテンツの垂直方向の配置を指定します。 |
グローバル属性
<tbody> タグは HTML グローバル属性をサポートします。
イベント属性
<tbody> タグは HTML イベント属性をサポートします。
