<td>: 单元格标签
最后更新：2026-10-13
<td>单元格标签
表格的普通数据单元格，存放行/列交叉处的具体内容。
| 分类 | 表格 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </td> 标签 |
| 状态 | 标准 |
📝 语法
<td>单元格内容</td>⚙️ 属性
该元素支持全局属性及以下专有属性：
| 属性 | 值 | 描述 |
|---|---|---|
colspan | 横向合并的单元格数。 | |
rowspan | 纵向合并的单元格数。 | |
headers | 关联的表头单元格 id，复杂表格用。 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <td> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： td 与 th 的区别在于语义：th 是“标题”，td 是“数据”。
❓ 常见问题
Qtd 和 th 有什么区别？
A
<td> 是数据单元格，<th> 是表头单元格（自带居中加粗默认样式、携带 scope 语义）。屏幕阅读器靠 th 建立行列关联——「第 3 列、Q2 行」——全用 td 的表格对辅助技术就是一堆无关联数字。Qtd 的 colspan 和 rowspan 怎么用？
A
colspan='3' 横跨 3 列，rowspan='2' 纵跨 2 行，两者可同时用。注意合并后同行的单元格数量要相应减少，纵横交错合并过多会让表格难以维护——能用结构拆分就别滥用合并。Qtd 里可以放块级元素吗？
A可以，td 是「透明容器」，允许段落、列表、甚至嵌套表格。但嵌套表格影响可读性和无障碍，能拆行拆列就别嵌套；td 内放长文本建议包
<p> 而不是裸文本。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
