什么是 <thead>?
<thead> 是 HTML 中用于定义表格头部(表头)的语义化元素。
它通常与 <tbody> 和 <tfoot> 配合使用,
以将表格内容划分为逻辑部分,提升可读性、可维护性和可访问性。
基本语法
<table>
<thead>
<tr>
<th>列1</th>
<th>列2</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</tbody>
</table>
实际示例
| 姓名 | 年龄 | 城市 |
|---|---|---|
| 张三 | 28 | 北京 |
| 李四 | 32 | 上海 |
使用建议
- 始终将表头行包裹在
<thead>中,而不是直接放在<table>内。 - 配合
<tbody>使用,使表格结构更清晰。 - 有助于屏幕阅读器等辅助技术正确解析表格结构。
- 在打印或滚动长表格时,某些浏览器可自动重复显示
<thead>内容(需配合 CSS)。