表格只用于「数据」，不用于布局

判断标准：把某一行/列横竖读一遍，是否需要表头才能理解？是 → 表格；否 → 用 Flex/Grid（CSS 教程第十一章）。

thead / tbody / tfoot + caption + scope

读屏软件走到「512」这一格时，会播报「存储，8 月，512」——这是 scope="row" 与 scope="col" 提供的对应关系。没有 scope，它就只会念一个孤零零的数字。

合并单元格：colspan 与 rowspan

两条铁律：① colspan/rowspan 写在被合并的第一个格子上，被盖住的位置要删掉对应的 <td>，不能留空格子，否则行列错位；② 合计行、说明行不算数据，放 <tfoot> 或给它 scope="rowgroup"。

宽表格怎么办

表格在窄屏上溢出会撑破整页布局。最省事的处理是外面套一个可横向滚动的容器：

<div style="overflow-x:auto">
  <table>…</table>
</div>

不要试图用 font-size: 10px 把它压进屏幕——那是可访问性问题，不是排版问题。