HTML 词条目录
前端Wiki/HTML/基础/列表与表格

表格基本结构

表格由 <table> 包裹,每一行是 <tr>,行内单元格用 <td>;表头单元格用 <th>,浏览器默认加粗居中,屏幕阅读器也会区别对待。

完整的表格还有三个结构分区:<thead>(表头)、<tbody>(主体)、<tfoot>(合计行)。它们让 CSS 可以对表头单独着色,也让长表格在打印时每页重复表头成为可能。表格标题用 <caption> 写在 table 的第一个子元素位置。

给 th 加 scope="col" 或 scope="row",明确它是"列标题"还是"行标题",能显著改善屏幕阅读器的朗读体验。

本节要点table/tr/th/td 是骨架,caption 提供标题,thead/tbody/tfoot 分区管理;th 加 scope 属性明确行列归属。
HTML
<table border="1">
  <caption>2026 年上半年学习计划</caption>
  <thead>
    <tr>
      <th scope="col">月份</th>
      <th scope="col">目标</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1 月</th>
      <td>完成 HTML 基础</td>
    </tr>
    <tr>
      <th scope="row">2 月</th>
      <td>掌握 CSS 布局</td>
    </tr>
  </tbody>
</table>
🔗 相关词条CSS浏览器元素表格