最終更新日

tbody要素

親要素であるtable要素の表に対し、データが含まれている行の範囲を示します。tbody要素は、table要素内でcaptioncolgrouptheadの各要素の後ろに記述します。tbody要素を使用する場合は、tr要素をtable要素内に直に含めないようにします。

tbody要素の開始タグは、tbody要素がtr要素から始まる場合で、終了タグが省略されたtbody要素、thead要素、tfoot要素の直後でなければ、省略可能です。

また、tbody要素の終了タグは、直後が別のtbody要素またはtfoot要素の場合、または対象のtbody要素が親要素内の最終コンテンツである場合に、省略可能です。

HTML5での変更点
・align、background、char、charoff、valignの各属性は廃止されました。
カテゴリ タグの省略 親要素 子要素
なし 省略可能 table tr
属性 説明
グローバル属性 - -
イベント属性 - -
サンプルコード
<body>
  <table>
    <caption>料金表</caption>
    <thead>
      <tr>
        <th>商品名</th>
        <th>料金</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>ハンバーガー</td>
        <td>100円</td>
      </tr>
      <tr>
        <td>チーズバーガー</td>
        <td>120円</td>
      </tr>
    </tbody>
  </table>
</body>
参考文献:W3C HTML5「4.9.5 The tbody element」外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。