scope属性是th元素专属的语义标记，用于明确表头管辖范围：scope="col"表头在首行管整列，scope="row"在首列管整行；colgroup/rowgroup须配合对应HTML结构；td上设scope无效，复杂表格需headers+id兜底。
scope 属性不是为了好看，而是为了让屏幕阅读器知道“这个表头管哪块数据”——不设或设错，视障用户听到的就是错的归属关系。
scope="col" 和 scope="row" 怎么选？看位置和方向
判断依据非常直接：表头在第一行（比如“销售额”“部门”），它描述的是整列数据，就用 scope="col"；表头在每行最左侧（比如“张三”“李四”），它说明本行后续所有 td 的含义，就用 scope="row"。
- 常见错误：把第一列的姓名
th写成scope="col"，结果屏幕阅读器把“张三”当成“第1列标题”，读到“销售额: 2024年Q1”时却关联不到“销售额”，而是绑定到“张三”上 - 动态生成时容易踩坑：循环里写
if (i === 0) scope="row"，但没区分i是行索引还是列索引，导致所有首行表头都被当成了行标题 - 哪怕只是个两列表格，只要用了
rowspan="2"的表头，就必须补scope；否则屏幕阅读器可能把第二行数据全算作第一行表头的下属，漏掉真正的列关系
scope="colgroup" 和 scope="rowgroup" 不是凑数的
这两个值只在明确存在对应 HTML 结构时才有效：scope="colgroup" 必须配合 <colgroup></colgroup> 使用，且 th 需位于该 colgroup 覆盖的列范围内；scope="rowgroup" 必须放在 <thead>、<code><tbody> 或 <code><tfoot> 内部的 <code>th 中，且该 th 应作为整个行组的总标题。
- 误用后果：没有对应
<colgroup></colgroup>却硬加scope="colgroup"，老旧屏幕阅读器（如旧版 JAWS）会直接忽略，整组数据无法被正确归类 - 不要为了“视觉分组”而加这两个值——它们不控制样式，只参与语义绑定；CSS 分组用 class，无障碍分组才用 scope
为什么不能在 td 上写 scope？
scope 是 th 的专属属性，W3C 明确规定 td 不支持。即使你写了 <td scope="col">xxx</td>：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
- 所有主流浏览器都会静默忽略，DOM 中不会生效
- 无障碍检测工具（如 axe、Lighthouse）会直接报错
ARIA attribute is not allowed: scope - 想让某个
td关联多个表头？必须用headers属性 + 对应<th id="xxx">，而不是硬塞 <code>scopescope 够不够用？复杂表格得靠 headers + id
scope只支持单向线性关联，不支持“一对多”或“跳格”绑定。当表格出现跨行表头、多层嵌套、或th不在标准行列位置（比如右对齐的列标题）时，scope就会失效。- 这时必须用
headers：<th id="sales">销售额</th>和<th id="dept">部门</th>，然后<td headers="sales dept">120万|技术部</td> - 注意：id 值必须唯一，
headers中多个 id 用空格分隔，不能用逗号 - 最容易被跳过的点是：哪怕结构看起来简单，只要涉及合并单元格或非标准布局，就别依赖默认推断——显式声明才是可靠做法
- 这时必须用
