必须显式写 tbody 标签，否则 JS 操作、固定表头、打印分页均会异常；其核心作用是提供语义结构与 DOM 精准控制，而非自带样式功能。
必须显式写 tbody，不能靠浏览器自动补全——否则 JS 操作、固定表头、打印分页都会出问题。
为什么不能省略 tbody 标签
浏览器确实会为没写 tbody 的表格自动创建一个 DOM 节点，但这个“隐式 tbody”不可靠：
-
document.querySelector('tbody')在省略时可能返回null或意外节点 - 屏幕阅读器依赖显式的
thead/tbody划分来正确播报列与数据的语义关系 -
table.rows返回全部行（含表头、页脚），而document.querySelectorAll('tbody tr')才能精准拿到纯数据行 - 用
insertRow()往table上插行，行为不可控；但往document.querySelector('tbody')上插，位置和语义才确定 - 服务端模板（如 EJS、Django）中，循环生成的
tr必须包在<tbody></tbody>内，否则结构断裂
tbody 与滚动、固定表头怎么配合
很多人以为写了 tbody 就能实现主体滚动，其实它本身不提供滚动能力，所有滚动效果都靠 CSS 显式触发：
- 只设
max-height和overflow-y: auto在tbody上无效——多数浏览器直接忽略 - 必须同时设置
display: block（或table-row-group以外的值），max-height，overflow-y: auto - 但一旦设了
display: block，tbody就脱离表格渲染模型，thead和tbody列宽不再对齐 - 更稳妥的做法是：保持
thead/tbody原生显示模式，把整个table包进一个div容器，并对该容器设overflow-y: auto - 若坚持用
tbody滚动，需搭配table-layout: fixed+ 显式列宽（如col元素或每列width）
多个 tbody 的使用边界在哪里
一个 table 可以有多个 tbody，但不是为了“看起来分段”，而是逻辑分组需要：
立即学习“前端免费学习笔记（深入）”；
- 合法场景：按季度、状态、区域等分组数据，例如
<tbody class="q1"> 和 <code><tbody class="q2"> <li>每个 <code>tbody必须完整包含若干tr，不能跨tbody拆分一行 -
tfoot只能有一个，且必须位于所有tbody之前；多个tfoot会被浏览器忽略 -
tbody不可嵌套——<tbody></tbody> <tbody>...</tbody>
是非法 HTML，会导致解析异常
- 若需每组内部带小计，应使用
<tr class="subtotal"> 放在对应 <code>tbody内部，而非试图加多个tfoot打印分页时
thead/tfoot重复显示的硬性条件浏览器只在满足以下全部条件时，才保证打印时每页顶部/底部重复显示表头和页脚：
-
thead、tfoot、tbody三者都存在（哪怕tfoot内容为空也要写） - HTML 源码中严格按
thead→tfoot→tbody顺序书写 - 三者同级直属于
table，不能靠 JS 移动 DOM 或 CSSorder补救 - 打印样式中建议加
@media print { thead { display: table-header-group; } tfoot { display: table-footer-group; } }，防止被其他 CSS 覆盖
真正难的不是写对
tbody标签，而是理解它和 CSS 渲染模型之间的张力：它是语义锚点，不是功能开关。所有滚动、对齐、打印效果，最终都取决于你如何用 CSS 插入控制点，而不是指望标签自己生效。 -
