HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML: <tbody> タグ

HTML テーブルボディ要素（<tbody>）は、一連の行（<tr>要素）を封装し、それらがテーブルの主体（<table>）を表す。

オンラインサンプル

带有 <thead>、<caption>、<tfoot> と <tbody> 要素のテーブル：

例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>基本チュートリアル(oldtoolbag.com)</title>　
<style type="text/css">
thead　{color:#009900;}
tbody　{color:#0000cc;}
tfoot　{color:#ff0000;}
</style>
</head>
<body>
<table border="1">
<caption>Council予算　2020</caption>
　　<thead>
　　　　<tr>
　　　　　　<th>月</th>
　　　　　　<th>貯金</th>
　　　　</tr>
　　</<thead>
　　<tfoot>
　　　　<tr>
　　　　　　<td>合計</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>
<p><b>ヒント:</b>thead、tbody、および tfoot 要素はデフォルトでテーブルのレイアウトに影響を与えません。ただし、これらの要素に対してCSSを使用してスタイルを定義し、テーブルの外観を変更することができます。</p>
</body>
</html>

テストをしてみる‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<tbody>タグをサポートしています。

タグの定義および使用方法

<tbody>タグはHTMLテーブルの主体内容を組み合わせるために使用されます。

<tbody>要素は以下とともに使用されるべきです： <thead> および <tfoot> これらの要素を組み合わせて使用することで、テーブルの各部分（主体、ヘッダー、フッター）を規定します。

これらの要素を使用することで、ブラウザが表のヘッダーとフッターに依存しない表の主体をスクロールする能力を持つようになります。複数ページにわたる長いテーブルが印刷される場合、ヘッダーとフッターはテーブルデータを含む各ページに印刷されます。

<tbody>タグは以下の状況で使用される必要があります：<table>要素の子要素として、<caption>、<colgroup>、および<thead>要素の後に出現します。

ヒントと注意

注意：<tbody>要素内には、1つまたは複数の<tr>タグを含める必要があります。

注意：<tbody>タグは、<caption>、<colgroup>、および<thead>タグの後に、<tfoot>タグの前に出現する必要があります。

ヒント：<thead>、<tbody>、<tfoot> 要素はデフォルトではテーブルのレイアウトに影響を与えません。ただし、これらの要素にCSSを使用してスタイルを定義することで、テーブルの外観を変更できます。

HTML 4.01 HTMLと5の違い

HTMLで 5 中、HTMLをサポートしません 4.01 中 <tbody> タグの属性

属性

属性	値	説明
align	right 　left 　center 　justify 　char	HTML5 サポートしていません。<tbody> 要素内の内容のアライメント方法を定義します。
char	character	HTML5 サポートしていません。<tbody> 要素内の内容をどの文字に基づいてテキストアライメントを行うかを指定します。
charoff	number	HTML5 サポートしていません。<tbody> 要素内の内容の最初のアライメント文字のオフセットを指定します。
valign	top 　middle 　bottom 　baselinel	HTML5 サポートしていません。<tbody> 要素内の内容の垂直アライメントを指定します。

グローバル属性

<tbody> タグがサポート HTMLのグローバル属性。

イベント属性

<tbody> タグがサポート HTMLのイベント属性。

HTML: <td> タグ HTML: <table> タグ