html th标签属性

HTML 中的 `` 标签用于定义表格的表头单元格（Table Header），通常位于 ``（表格行）中。以下是 `` 标签的主要属性和相关说明：

通用属性（全局属性）

所有 HTML 元素都支持的通用属性，例如：

`id`：唯一标识符

`class`：CSS 类名

`style`：内联样式

`title`：悬停提示文本

`lang`：语言代码

`data-`：自定义数据属性

表格相关属性

以下属性专门用于控制表格的布局和语义：

1. `colspan`

合并水平方向上的多个列单元格。

值：数字（例如 `colspan="2"` 合并 2 列）。

2. `rowspan`

合并垂直方向上的多个行单元格。

值：数字（例如 `rowspan="3"` 合并 3 行）。

3. `headers`

关联当前表头与其他表头的 `id`，用于复杂表格的可访问性（Accessibility）。

值：其他 `` 的 `id` 列表（例如 `headers="header1 header2"`）。

4. `scope`

定义表头的关联范围，辅助屏幕阅读器理解表格结构。

可选值：

`col`：关联当前列的数据单元格（默认）。

`row`：关联当前行的数据单元格。

`colgroup`：关联列组。

`rowgroup`：关联行组。

5. `abbr`

为表头提供简短的替代文本（常用于简化屏幕阅读器的输出）。

值：简短描述（例如 `abbr="日期"`）。

已废弃的属性（避免使用）

以下属性在 HTML5 中已废弃，建议使用 CSS 替代：

`align` → 用 CSS 的 `text-align` 替代。

`valign` → 用 CSS 的 `vertical-align` 替代。

`bgcolor` → 用 CSS 的 `background-color` 替代。

`width`/`height` → 用 CSS 的 `width`/`height` 替代。

`nowrap` → 用 CSS 的 `white-space: nowrap` 替代。

示例代码

html

基本信息		分数
姓名	年龄	90

最佳实践

1. 语义化：用 `` 明确表示表头，而非普通单元格 ``。

2. 可访问性：通过 `scope` 或 `headers` 提升屏幕阅读器的兼容性。

3. 样式分离：使用 CSS 控制布局和外观，避免废弃属性。

如果需要更复杂的表格结构，可以结合 ``, ``, `` 和 `` 等标签优化语义。