: 表头单元格标签
最后更新:2026-09-12
<th>表头单元格标签
表格的表头单元格,用于标识行/列含义,默认加粗居中且带可访问性语义。
分类 表格
内容模型 流式内容
允许的父元素 接受流式内容的元素
闭合标签 需要 </th> 标签
状态 标准
📝 语法
<th scope="col">列标题</th>
⚙️ 属性
该元素支持全局属性及以下专有属性:
属性 值 描述
scope表头作用范围:col(列)、row(行)、colgroup、rowgroup。
colspan横向合并的单元格数。
rowspan纵向合并的单元格数。
headers关联的表头单元格 id,复杂表格用。
abbr给屏幕阅读器的缩写标题。
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
浏览器
Chrome
Edge
Firefox
Safari
Opera
<th>
✓ v1
✓ v12
✓ v1
✓ v1
✓ v1
所有主流浏览器均支持
提示: scope 能帮助屏幕阅读器正确朗读表格,建议始终写上。
🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。
📚 相关教程
🙏 帮我们做得更好
我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏
最后更新:2026-09-12
<th>表头单元格标签
表格的表头单元格,用于标识行/列含义,默认加粗居中且带可访问性语义。
| 分类 | 表格 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </th> 标签 |
| 状态 | 标准 |
📝 语法
<th scope="col">列标题</th>
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
scope | 表头作用范围:col(列)、row(行)、colgroup、rowgroup。 | |
colspan | 横向合并的单元格数。 | |
rowspan | 纵向合并的单元格数。 | |
headers | 关联的表头单元格 id,复杂表格用。 | |
abbr | 给屏幕阅读器的缩写标题。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <th> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: scope 能帮助屏幕阅读器正确朗读表格,建议始终写上。
🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。
📚 相关教程
🙏 帮我们做得更好
我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏