scope属性仅适用于th元素，用于明确表头与数据单元格的语义关联以提升可访问性；取值col、row、colgroup、rowgroup分别对应列标题、行标题、列组标题和行组标题，td上设置无效。

scope 属性只对 th 有效，td 上写 scope 是无效且被 HTML5 明确禁止的。 它不改变视觉表现，但直接决定屏幕阅读器如何把表头和数据单元格“配对”——配错会导致读出“价格 120 元”却没告诉用户这是“iPhone 的价格”还是“Mac 的价格”。

什么时候必须显式写 scope？

当表格结构不是标准单层行列（比如有合并单元格、嵌套分组、多级表头）时，浏览器无法可靠自动推断关联关系。此时依赖默认行为大概率出错。

• 使用 rowspan 或 colspan 的 th —— 自动推断常失效
• 表格含多个 tbody 或用 colgroup 划分列组时
• 需要明确区分“行标题”和“列标题”的复合表头（如财务报表中既有产品名又有季度）

scope="row" 和 scope="col" 的实际绑定逻辑

它们不是“影响当前单元格”，而是定义“这个表头管谁”：

• scope="col"：该 th 管它所在列**所有下方的 td**（直到下一个同列的 th 或表格结束）
• scope="row"：该 th 管它所在行**所有右侧的 td**（直到本行结束或遇到下一个 th）
• 注意：如果同一行既有 scope="row" 又有 scope="col" 的 th，优先级由位置和语义决定，但易混淆，应避免混用

scope="rowgroup" 和 scope="colgroup" 的适用边界

这两个值不是为“美化”或“分组视觉样式”准备的，而是严格对应 HTML 表格结构标签：

• scope="rowgroup" 必须放在 thead / tbody / tfoot 内部的 th 中，且该 th 应作为整个行组的总标题（例如 tbody 标题“Q1 销售数据”）
• scope="colgroup" 必须配合 colgroup 使用，且 th 需位于该 colgroup 覆盖的列范围内（例如用 colgroup 定义“成本列”，其上方 th 设为 scope="colgroup"）
• 在没有对应 colgroup 或 tbody 结构时硬加这两个值，等于白写——屏幕阅读器会忽略

最容易被跳过的点是：哪怕只是个简单两列表格，只要用了 rowspan="2" 的表头，就必须补 scope；否则屏幕阅读器可能把第二行数据全算作第一行表头的下属，而漏掉真正的列关系。