scope="row"表示表头关联所在行的全部td，scope="col"表示关联所在列的全部td；多级表头顶层用scope="colgroup"，子级用scope="col"；不设scope将导致无障碍访问失效，headers/id可替代但更复杂。
scope="row" 和 scope="col" 的语义区别
表格中 <th> 的 <code>scope 属性不是装饰用的，它直接告诉屏幕阅读器“这个表头管哪一排/哪一列”，影响无障碍访问的读取逻辑。不设或设错，会导致视障用户完全无法理解数据归属关系。
关键判断依据是：该 <th> 所在的单元格，其内容描述的是**横向（同一行）还是纵向（同一列）** 的数据单元格。<ul><li>
<code>scope="row"：表示该表头关联它所在行的全部 <td>（即右边所有普通单元格），常见于每行左侧的“项目名称”“ID”类标题<li>
<code>scope="col"：表示该表头关联它所在列的全部 <td>（即下方所有普通单元格），常见于第一行的“姓名”“年龄”“城市”类列标题<h3>嵌套表头（如多级列头）时 scope 怎么设</h3>
<p>当出现 <code><th colspan="2">成绩</th> 下再分“语文”“数学”两个子列时，顶层 <th> 不能只写 <code>scope="col" —— 它实际管辖的是两列，但 scope 不支持指定列数，必须靠结构和属性组合表达。
- 顶层
<th> 应设 <code>scope="colgroup"（注意不是col），表示它是一组列的统称 - 子级
<th>（如“语文”）设 <code>scope="col"，并确保它在对应列正上方 - 绝对不要对
colspan或rowspan单元格滥用scope="col"或scope="row"，这会误导辅助技术 -
headers+id是更精确的替代方案，适合复杂表格（如非矩形结构、跨多行多列的表头），但书写成本高、易出错 -
scope更轻量、可读性强，且被所有主流屏幕阅读器优先支持，日常单层行列表头首选它 - 二者不要混用：同一个
<th> 同时写 <code>scope和headers，部分读屏工具会忽略scopeReact/Vue 中动态生成 th 时 scope 容易漏掉
模板里写死
<th scope="col"> 很简单，但用 <code>v-for或{columns.map()}渲染表头时，scope常被遗漏或硬编码成固定值。- 列头循环：每个
<th> 必须带 <code>scope="col"（除非它是行操作列，如“编辑”“删除”，此时应为scope="row"） - 行头循环（如树形表格首列）：每个
<th> 必须带 <code>scope="row"，且要确保它出现在每行第一个位置 - 别用条件判断动态拼
scope值（如scope={isRowHeader ? 'row' : 'col'}），而应在数据源中明确标记类型字段，避免逻辑错位
最容易被忽略的是：合并单元格后，那些“看不见”的
<th>（比如用 CSS <code>visibility: hidden隐藏的辅助表头）仍需保留scope，否则语义链断裂。 - 列头循环：每个
错误示例：<th colspan="2" scope="col">成绩</th> → 屏幕阅读器会认为它只管第1列，忽略第2列。
没写 scope 会怎样？能不能用 headers/id 替代
不写 scope 不报错，但等于放弃对表格语义的主动声明。浏览器可能靠 DOM 位置推测（比如第一行 <th> 默认当列头），但这种推测不可靠，尤其在有 <code>rowspan、colspan 或 CSS 改变视觉顺序时会失效。
