<thead>: 表头标签
最后更新:2026-10-13
<thead>表头标签
表格的表头区域,包裹一组表头行(tr),在长表格跨页打印时每页重复显示。
| 分类 | 表格 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </thead> 标签 |
| 状态 | 标准 |
📝 语法
<thead>
<tr><th>...</th></tr>
</thead>
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <thead> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: thead 应放在 caption、colgroup 之后,tbody/tfoot 之前;内部只能放 tr。
❓ 常见问题
Qthead 必须写吗?
A简单表格可省略,但推荐写:语义完整(表头/表体/表尾三段式)、可对 thead 单独设样式、长表格打印时 thead 才有机会每页重复。屏幕阅读器对 thead 的识别也更稳定。
Qthead 里的单元格必须用 th 吗?
A强烈建议——thead 配 th 才构成完整的「表头」语义:thead 是结构分组,th 是单元格角色。thead 里放 td 不违反语法但语义自相矛盾,屏幕阅读器的列头播报会失效。
Qthead 可以有多个吗?
A不可以,每个
<table> 只能有一个 <thead>(tbody 和 tfoot 同理单数)。多表头结构(双行表头)是在一个 thead 里放多个 tr 实现,每行 tr 内用 colspan/rowspan 组织。🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。