tfoot要素

HTML サンプルコード

<table>
  <caption>発注表</caption>
  <thead>
    <tr>
      <th>カテゴリ</th>
      <th>商品名</th>
      <th>注文数</th>
      <th>金額（円）</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>インスタント食品</td>
      <td>出前一心 醤油ラーメン</td>
      <td>20</td>
      <td>4,000</td>
    </tr>
    <tr>
      <td>インスタント食品</td>
      <td>出前一心 味噌ラーメン</td>
      <td>30</td>
      <td>6,000</td>
    </tr>
    <tr>
      <td>飲料水</td>
      <td>天然水ソーダ（2l x 6本）</td>
      <td>10</td>
      <td>6,000</td>
    </tr>
    <tr>
      <td>飲料水</td>
      <td>コーラ（500ml x 24本）</td>
      <td>10</td>
      <td>10,000</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th>発注合計金額</th>
      <td></td>
      <td></td>
      <td>26,000円</td>
    </tr>
  </tfoot>
</table>

• カテゴリー

  なし

• コンテンツモデル

  0個以上のtr要素、またはスクリプト支援要素

• 使用ケース

  table要素の子要素として、caption要素・colgroup要素・thead要素の後ろ、かつtbody要素・tr要素よりも前に配置。
  もしくは、caption要素・colgroup要素・thead要素・tbody要素・tr要素より後ろに配置。
  いずれの場合も、1つのtable要素内に2つ以上のtfoot要素を配置したり、tfoot要素を子孫要素として持つことは不可。