<tfoot>: 表脚标签
最后更新：2026-10-13
<tfoot>表脚标签
表格的表脚区域，包裹汇总行（tr），通常显示合计，应放在 tbody 之后（但渲染在表体下方）。
| 分类 | 表格 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </tfoot> 标签 |
| 状态 | 标准 |
📝 语法
<tfoot>
<tr><td>合计</td><td>...</td></tr>
</tfoot>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <tfoot> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： tfoot 在源码中可写在 tbody 之前，但浏览器始终渲染在表格底部。
❓ 常见问题
Qtfoot 是做什么用的？
A
<tfoot> 放表格的汇总行（合计、平均、备注）。语义上它标记「表尾数据」，配合 thead/tbody 让屏幕阅读器正确识别表格结构；打印长表格时部分浏览器还会在每页重复表尾。Qtfoot 在长表格打印时会每页重复吗？
Athead 每页重复是打印样式的常见行为，tfoot 的重复支持并不一致（取决于浏览器）。需要稳定打印体验时，用 CSS
@media print 控制，或把汇总信息放表格外的段落里。Qtfoot 必须写在表格最后吗？
A推荐写在 thead/tbody 之后（视觉顺序），现代解析器按源码位置处理。旧规范允许 tfoot 提前书写，新代码请遵循正常顺序——既直观又避免歧义。
🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
