html th标签

2025-04-25 #标签 #html 阅读量：4

HTML 中的 `` 标签用于定义表格中的表头单元格（Table Header），通常出现在表格的第一行或第一列，表示数据的类别或标题。与 ``（普通数据单元格）不同，`` 具有语义化意义，浏览器默认会加粗并居中显示其内容。

基本用法

html

html th标签

姓名	年龄	城市
张三	25	北京

1. `scope`

定义表头的关联范围，可选值：

`col`：表示列标题（默认）。

`row`：表示行标题。

`colgroup`/`rowgroup`：关联列组或行组。

html

月份销售额

2. `colspan` 和 `rowspan`

合并单元格（同 ``）：

html

合并两列合并三行

3. `headers`

关联其他 `` 的 `id`，用于复杂表格的可访问性（较少使用）。

| 标签 | 用途 | 默认样式 | 语义化意义 |

|||||

1. 语义化结构

使用 `` 明确区分标题和数据，提升可访问性和SEO效果。 2. 配合 ``, ``, `` 将表头包裹在 `` 中，数据放在 `` 内：

html

产品	价格
手机	¥2999

3. 样式定制

通过 CSS 自定义 `` 样式：

css

th {

background-color: f2f2f2;

padding: 12px;

text-align: left;

html

学生信息
姓名	成绩
李四	90

通过合理使用 ``，可以创建结构清晰、易于理解的表格，同时提升网页的可访问性和可维护性。