scope属性仅支持单向归属（col/row），无法处理多维嵌套表头；跨行跨列、多层结构或复合角色时必须改用headers+id显式绑定。
scope 属性不能增强“多维”或“嵌套”表头的关联性，它只解决最基础的单向归属问题：一个 <th> 管一列（<code>scope="col"）或管一行（scope="row"）。想靠它处理跨行、跨列、多层结构，反而会误导屏幕阅读器。
scope="col" 和 scope="row" 必须写对位置
写错位置等于没写——浏览器不报错，但读屏软件会把“张三”和“Q1销售额”配错。
-
scope="col"只能用在<thead> 里的 <code><th>，且该单元格正下方必须是同一列的 <code><td>（如“产品名称”“销量”） <li> <code>scope="row"只能用在<tbody> 每行第一个 <code><th>，且该单元格右侧必须是本行所有 <code><td>（如“A产品”“B产品”） <li>左上角那个空 <code><th>（第1行第1列）既不是列头也不是行头，不加 <code>scope；硬加scope="row"或scope="col"会强制绑定错误方向 <td> 上写 <code>scope是无效的，HTML5 明确禁止，所有浏览器都会忽略带 rowspan/colspan 的 th 必须显式加 scope
仅靠
rowspan="2"或colspan="3"，屏幕阅读器无法推断语义。它不会自动认为“这个合并的<th> 管下面两行”，必须人工声明。 <ul><li>一个 <code><th rowspan="2">销售额</th>在<thead> 里，仍要加 <code>scope="col"- 一个
<th colspan="4">2024年</th>如果统领四季度列，优先考虑scope="colgroup"+<colgroup span="4"></colgroup>结构，而不是强行用scope="col" - 动态生成时，别用
if (i === 0) scope="row"批量加——要区分当前循环的是行索引还是列索引，否则首行所有<th> 都被误标为行标题 <h3>什么时候 scope 完全失效，必须换 headers + id</h3> <p>以下任意一种情况出现，<code>scope就不再可靠，必须切换到显式绑定：立即学习“前端免费学习笔记（深入）”；
-
rowspan或colspan跨多行/多列（如<th rowspan="3">销售区域</th>） - 存在多层
<thead> 嵌套（如“年份 → 季度 → 月份”） <li>某个 <code><th> 同时承担行头与列头角色（例如第一行第一列既要管列又要管行） <li><code><th> 不在标准行列位置（如右对齐列标题、斜向表头） <p>此时每个关键 <code><th> 必须带唯一 <code>id，对应<td> 用空格分隔多个 ID：<code>headers="product month region"。注意：headers优先级永远高于scope，且所有id必须全局唯一、拼写完全一致（大小写敏感）。scope="colgroup" 和 scope="rowgroup" 不是万能分组开关
这两个值常被误认为能扩展维度，实际依赖严格结构支撑，写错等于白写。
-
scope="colgroup"必须配合真实<colgroup span="N"></colgroup>使用，且<th> 必须位于该 <code><colgroup></colgroup>所覆盖的列范围内；没<colgroup></colgroup>却硬加，旧版 JAWS 会直接忽略 -
scope="rowgroup"只能出现在<thead>、<code><tbody> 或 <code><tfoot> 内部的 <code><th> 中，且该 <code><th> 必须是整组数据的统称（如 <code><th scope="rowgroup">华东区订单</th>）；没包<tbody> 却设 <code>scope="rowgroup"，等同于没写 - 它们仍是单向语义：一个
<th scope="colgroup"> 仍只管列方向，不提供行维度信息 <p>真正容易被跳过的细节是：哪怕表格只有两列，只要用了 <code>rowspan="2"，就必须补scope；而最常被误加的，是左上角总标题单元格——它不该有任何scope值。
-
-
