<thead> 标签详解

什么是 <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>

实际示例

使用建议

• 始终将表头行包裹在 <thead> 中，而不是直接放在 <table> 内。
• 配合 <tbody> 使用，使表格结构更清晰。
• 有助于屏幕阅读器等辅助技术正确解析表格结构。
• 在打印或滚动长表格时，某些浏览器可自动重复显示 <thead> 内容（需配合 CSS）。