th标签用于定义HTML表头单元格，默认加粗居中，提升可访问性与SEO。1. 基本语法：在thead中用th替代td定义列标题；2. scope属性：指定表头关联范围，col对应列，row对应行；3. 跨行列合并：colspan横向合并，rowspan纵向合并，适用于复杂表头分组；4. 可访问性增强：通过id与headers属性建立单元格关联，确保屏幕阅读器正确解析。合理使用th强化语义结构，仅用于标题单元格。
在HTML表格中，表头单元格使用th标签定义，用于表示表格中的列或行的标题。与普通单元格
1. 基本语法：使用th定义表头
在表格的头部（通常位于内），用 th标签支持scope属性，明确表头关联的数据方向，帮助屏幕阅读器理解结构。 示例： 立即学习“前端免费学习笔记（深入）”； 当需要合并多个表头时，可用colspan（跨列）或rowspan（跨行）： 应用场景：复杂表头分组 对于复杂的表格，可通过id和headers建立单元格之间的关联： 这样即使表格结构复杂，辅助技术也能正确解读数据归属。 基本上就这些。合理使用th标签不仅能美化表格外观，还能增强语义结构，让网页更易读、更专业。注意别滥用th，仅用于真正的标题单元格即可。替换
来定义表头单元格：
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>城市</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
<td>北京</td>
</tr>
</tbody>
</table>
2. 设置表头作用范围：row vs col
<th scope="col">产品</th>
<th scope="col">价格</th>
</tr>
<tr>
<th scope="row">手机</th>
<td>3999元</td>
</tr>
3. 跨行列合并表头：使用colspan和rowspan
<th rowspan="2">部门</th>
<th colspan="2">员工统计</th>
</tr>
<tr>
<th>人数</th>
<th>平均年龄</th>
</tr>
4. 提升可访问性：为th添加id和headers属性
设置唯一id
中使用headers属性引用这些id
