必须显式写 thead、tbody、tfoot，否则固定表头、滚动主体、打印分页等功能失效；三者须共存且顺序为 thead → tfoot → tbody，缺一不可，否则语义链断裂。
必须显式写 thead、tbody、tfoot，否则 CSS 固定表头、滚动主体、打印分页等关键功能会失效。
为什么浏览器会自动补 tbody 却不能靠它干活
即使你只写 <table><tr><td>A</td></tr></table>，浏览器也会在 DOM 中悄悄插入一个 tbody。但这只是“兜底行为”，不是语义承诺——它不触发 thead 的 sticky 渲染逻辑，也不让 tfoot 在打印时重复出现在每页底部。
- 自动插入的
tbody没有明确的 DOM 节点引用，JS 里用document.querySelector('tbody')可能取不到（尤其动态渲染后） - CSS 选择器如
table > tr实际匹配的是tbody > tr，但一旦你手动加了thead，没写tbody就会导致样式错乱（比如thead + tr无法命中） - 可访问性工具（如屏幕阅读器）依赖这些标签判断结构，缺一不可
tfoot 必须写在 tbody 前面，不是写在最后
HTML 规范允许甚至推荐把 tfoot 放在 tbody 之前，这样浏览器能在加载大量数据前就渲染出汇总行，提升首屏感知速度。顺序必须是：thead → tfoot → tbody。
- 写成
<thead>...</thead><tbody>...</tbody><tfoot>...</tfoot>也能显示，但打印时tfoot只出现在最后一页底部，不会每页都印 - 如果用 JS 动态插入
tbody内容，tfoot在 DOM 中位置靠前反而更利于保持布局稳定 - 某些旧版 Safari 对
tfoot位置敏感，放错地方可能直接不渲染
固定表头滚动时，thead 的 CSS 写法有硬约束
仅靠 position: sticky; top: 0; 不够，必须配合父容器和表格模型限制：
立即学习“前端免费学习笔记（深入）”；
-
table本身不能设overflow，要让tbody独立滚动：给tbody设display: block; max-height: 400px; overflow-y: auto; -
thead th和tbody td宽度必须对齐，建议用table-layout: fixed;+ 显式设置列宽，否则 sticky 后列会错位 - IE11 不支持
sticky作用于thead，需降级为position: absolute+ JS 监听滚动，但会破坏语义和打印
打印跨页表格时，thead 和 tfoot 的行为差异
只有正确使用这三个标签，浏览器才能在 PDF 或物理打印中自动重复表头/页脚。但注意：
-
thead默认每页顶部重复，tfoot默认每页底部重复——前提是它们在 HTML 中存在且顺序合规 - Chrome 和 Firefox 支持良好；Edge（旧版）需要
@media print中额外声明thead { display: table-header-group; } - 若表格内容撑满整页后还有剩余，
tfoot可能被截断，此时应确保tfoot行高足够小，或用page-break-inside: avoid;控制分页
最常被忽略的一点：三者必须共存。只写 thead 和 tbody，tfoot 缺失时，打印和可访问性仍会降级；反过来，只写 tfoot 和 tbody，thead 缺失则固定表头完全不可用。它们是一个契约，少一个，整个语义链就断了。
