HTML5中scope属性仅支持单层线性表头关联，多级、跨行/列或行列双维度表头须改用headers+id方案：多级列头用scope="colgroup"配合<colgroup>；双标题交汇、跨多行表头及动态嵌套表格均需headers引用多个id。
HTML5 中 scope 属性本身不适用于多表头（嵌套、跨行/列合并）结构，它只支持单层线性关联——即一个 <th> 只能明确“管一列”或“管一行”。当表格出现多级表头（如“年份 → 季度 → 月份”）、rowspan/colspan 合并、或行列双维度标题时，scope 会失效甚至误导屏幕阅读器。
真正解决多表头下数据归属语义问题，需分场景选择合适方案：
多级列头（如“2024年”下分“Q1/Q2/Q3/Q4”）
用 scope="colgroup" 配合 <colgroup> 显式声明列组归属
-
<colgroup span="4">包裹四季度列 - 其上方
<th scope="colgroup">2024年</th>置于<thead>对应位置 - 下一级
<th scope="col">Q1</th>等继续标注为列标题
⚠️ 注意：scope="colgroup"必须有真实<colgroup>结构支撑，否则被忽略
行+列双标题交汇（如左上角既是“产品”行头又是“月份”列头）
scope 不支持多值，此时必须弃用，改用 headers + id
立即学习“前端免费学习笔记（深入）”；
- 给列头
<th id="month">月份</th>、行头<th id="product">产品</th>分别设唯一 ID - 数据单元格写
<td headers="month product">1200</td>
✅ 屏幕阅读器会按headers列表顺序播报：“产品: iPhone，月份: 1月，值: 1200”
跨多行的表头（如一个 <th rowspan="3">销售区域</th> 管三行）
scope 无法延展作用域，应拆分为多个语义明确的 <th>
- 不要依赖
rowspan+scope="row"去覆盖整组 - 改为每行开头都放
<th scope="row">华东</th>、<th scope="row">华北</th>等 - 或用
<tbody>分组 +<th scope="rowgroup">华东区</th>（仅当该<th>真实位于tbody内且为整组统称）
动态生成或多层嵌套表格（如财务报表含科目+期间+币种）
优先使用 headers + id，它是 W3C 推荐的通用解法
- 所有表头
<th>都加id（即使视觉上是同一单元格，也需拆解为多个带 ID 的<th>） - 每个
<td>的headers属性列出所有相关表头 ID，空格分隔 - 可配合
aria-labelledby作为增强，但headers是基础保障
scope 是快捷方式，不是万能钥匙。简单表格用 scope="col"/scope="row" 足够；一旦结构复杂，就该切换到 headers + id 这套显式、可控、无障碍友好的语义绑定机制。
