在HTML中，<tfoot>標簽用于定義表格的頁腳（表腳），通常包含匯總信息（如總計、平均值等）。其核心特點和使用方法如下：

基本特性

1. 位置靈活
   <tfoot>必須位于<table>內，且需在<caption>、<colgroup>和<thead>之后，在<tbody>或<tr>之前（但瀏覽器會將其內容渲染在表格底部）。

2. 內容要求
   內部只能包含<tr>標簽，再嵌套<td>或<th>。

3. 語義化
   與<thead>（表頭）和<tbody>（表體）共同構建語義化表格結構。

---

使用示例

html

復制

下載

運行

<table><!-- 表頭 --><thead><tr><th>產品</th><th>單價</th><th>數量</th></tr></thead><!-- 表腳（實際代碼中寫在tbody前） --><tfoot><tr><th>總計</th><td colspan="2">￥380</td> <!-- 合并兩列 --></tr></tfoot><!-- 表體 --><tbody><tr><td>筆記本</td><td>￥120</td><td>2</td></tr><tr><td>鋼筆</td><td>￥20</td><td>7</td></tr></tbody>
</table>

關鍵規則

1. 順序要求
   代碼順序需為：<thead>?→?<tfoot>?→?<tbody>（盡管渲染時<tfoot>顯示在底部）。

2. 打印優化
   打印長表格時，<tfoot>內容會在每頁底部重復顯示（與<thead>的每頁頂部重復對應）。

3. 唯一性
   每個表格最多只能有一個<tfoot>。

4. 樣式統一
   默認與表格主體樣式一致，可通過CSS單獨定制：

   css

   復制

   下載

   tfoot {background-color: #f2f2f2;font-weight: bold;
   }

---

適用場景

• 顯示列數據的統計結果（總和、平均值）

• 添加表格的備注或說明

• 在多頁打印的表格中確保每頁底部顯示固定信息

注意：若表格無匯總需求，可不使用<tfoot>。現代HTML5中<tfoot>是可選的，但合理使用能提升表格可訪問性和語義清晰度。