<tbody> 要素
は、親の<table> 要素
内のデータの本体(ヘッダthead
やフッタtfoot
を除いた部分)で構成された行のブロックを表します。
- カテゴリー
- なし
- 配置場所
- 直接の子要素として
<tr> 要素
を持たない<table> 要素
の子要素として、<caption> 要素
、<colgroup> 要素
、<thead> 要素
よりも後に配置。 - 内容
- 0個以上の
<tr> 要素
とスクリプトサポート・エレメント。 - 属性
サンプル
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › tbody</title>
<style>
table { border-collapse: collapse; }
th, td { padding: .5em; border: #ccc 1px solid; }
thead th { background: #eef; }
tbody th { background: #fee; }
</style>
</head>
<body>
<h1>HTML5 › tbody</h1>
<table>
<caption>ランキング表</caption>
<thead>
<tr>
<th id="name">名前</th>
<th id="jan"> 4月 </th>
<th id="feb"> 5月 </th>
<th id="mar"> 6月 </th>
</tr>
</thead>
<tbody>
<tr>
<th headers="name" id="yaruo">デキ杉ヤル夫</th>
<td headers="yaruo jan"> 1位 </td>
<td headers="yaruo feb"> 1位 </td>
<td headers="yaruo mar"> 1位 </td>
</tr>
<tr>
<th headers="name" id="dameo">丸出ダメ男</th>
<td colspan="3" headers="dameo jan feb mar">圏外。</td>
</tr>
</tbody>
</table>
</body>
</html>