html td th的区别

在 HTML 表格中，`` 和 `` 是用于定义表格内容的两个核心标签，它们的区别主要体现在语义、默认样式和用途上：

1. 语义区别

`` (Table Header)

表示表格的标题单元格，用于描述列或行的数据类别（例如：表头）。

具有更强的语义化，帮助屏幕阅读器和搜索引擎理解表格结构。

(Table Data)

表示表格的普通数据单元格，用于填充具体内容（例如：数据值）。

语义上是普通的数据项。

2. 默认样式

``

浏览器默认会加粗文本并居中显示（可通过 CSS 修改）。

``

默认不加粗，文本左对齐。

3. 使用场景

``

通常用于表格的标题行（`` 内）。

也可用于行标题（如第一列）。

通过 `scope` 属性指定关联范围（`col` 或 `row`），提升可访问性。

html

列标题 >

行标题 >

姓名	年龄
张三	30

``

用于填充表格主体的具体数据。

html

李四 25

4. 可访问性

`` 对辅助技术（如屏幕阅读器）更友好，能明确区分标题与数据。

使用 `scope` 或 `headers` 属性关联标题与数据单元格，优化无障碍体验。

总结

| 特性 | `` | `` |

|-|||

| 语义 | 标题单元格（表头） | 普通数据单元格 |

| 默认样式 | 加粗、居中 | 普通文本、左对齐 |

| 典型位置 | `` 或行/列首 | `` 或 `` |

| 可访问性 | 高（需配合 `scope` 属性） | 普通 |

合理使用 `` 和 `` 能让表格结构更清晰，同时提升网页的可访问性和 SEO 效果。