scope属性必须严格按DOM位置书写：表头行用scope="col"，行首单元格用scope="row"；复杂结构须改用headers绑定，禁用scope与headers混用；caption为必选语义起点，summary已废弃。
scope="col"和scope="row"必须按位置硬写，不能靠视觉对齐猜
浏览器和屏幕阅读器不看CSS样式或表格渲染效果，只认scope值和它在DOM中的实际位置。写错就等于把语义关系彻底搞反。
-
<thead>里第一行的<th>——必须用scope="col"（如<th scope="col">姓名</th>） -
<tbody>中每行第一个<th>——必须用scope="row"（如<th scope="row">张三</th>） - 动态生成时别用
i === 0统一加scope="row"：要判断当前遍历的是行还是列 - 首列没表头？别硬塞
<th scope="row">，直接用<td>
复杂表头（跨行/跨列/多级）下scope完全失效，必须换headers
一旦出现rowspan、colspan，或“学科 → 实践/理论”这种嵌套结构，scope就失去作用。屏幕阅读器无法自动推断一个<td>属于哪几个维度，只能靠显式绑定。
- 每个
<th>加唯一id（如<th id="bio-prac">Biology Practical</th>） - 对应数据单元格用
headers空格分隔多个id（如<td headers="student bio-prac">85</td>） - 禁用
scope与headers混用——只要写了headers，scope会被所有浏览器忽略 - 不要给同一个
<th>设多个id；每个id应代表一个独立语义维度（学科、考核类型、年份）
scope="rowgroup"不是万能分组标签，用错等于没写
scope="rowgroup"只在特定结构下被正确识别：它必须是<tbody>内部的第一行<tr>里的<th>，且该<tbody>需包裹逻辑连续的数据行。其他任何位置都无效。
- 写在
<thead>里？无效 - 单独放在
<tr>中不包<tbody>？无效 - 想表达“Q1 → Jan”二级分组？不支持嵌套，得改用
headers或拆表 - 旧版JAWS兼容性差，关键业务建议配合
aria-labelledby兜底
caption是语义起点，不是可选装饰，位置和内容都不能妥协
没有<caption>，屏幕阅读器进入表格时就失去上下文锚点，尤其当页面有多个表格时，用户可能直接跳过整块内容。
立即学习“前端免费学习笔记（深入）”；
- 必须是
<table>的第一个子元素，不能塞进<thead>或<div> - 内容要具体，比如
<caption>2026年Q1前端班学员考核成绩</caption>，而非“数据汇总” - 已废弃的
summary属性请彻底删除，axe等检测工具会直接报错 - 多级分组表格更推荐拆成多个独立
<table>，每个配自己的<caption>，WCAG明确列为AA级首选
scope，而是在每次敲下<th>时，下意识问一句：“它管的是上面一列，还是左边一行？”这个条件反射比任何自动化工具都管用。 
