axis 属性在 HTML5 中已被废弃，因浏览器从未实现其解析逻辑且辅助技术忽略它；应改用 scope、headers 及 ARIA 属性（如 aria-labelledby）建立单元格与表头的语义关联，并确保表头元素拥有有效 id。
axis 属性在现代 HTML 中已废弃，无法用于定义逻辑分类标签。
为什么 axis 不再可用
HTML5 明确移除了 axis 属性——它曾被设计用来为 <td> 或 <th> 提供语义分组标识（如 axis="category"），但实际浏览器从未实现其解析逻辑，辅助技术也基本忽略它。W3C 和 WHATWG 都将其标记为“过时（obsolete）”，任何依赖它的代码都属于无效 HTML。
替代方案：用 scope 和 headers 建立真实关联
要让屏幕阅读器和自动化工具理解单元格与表头的逻辑关系，必须使用仍在规范中且被广泛支持的属性：
-
scope="row"或scope="col"用于<th>，明确该表头作用于哪一排/列 -
headers属性用于<td>，显式列出它所归属的多个<th>的id - 嵌套结构需配合
<thead>/<tbody>使用，否则scope行为不可靠
示例：
<table>
<thead>
<tr>
<th id="name">姓名</th>
<th id="dept">部门</th>
<th id="role">角色</th>
</tr>
</thead>
<tbody>
<tr>
<td headers="name dept">张三</td>
<td headers="dept">前端</td>
<td headers="role">工程师</td>
</tr>
</tbody>
</table>
更健壮的做法：用 ARIA 属性补充语义
当表格结构复杂（如多级表头、跨行跨列合并），仅靠 scope 和 headers 可能不够清晰，此时应叠加 ARIA：
立即学习“前端免费学习笔记（深入）”；
-
aria-labelledby指向一个或多个<th>的id，优先级高于headers -
aria-colindex/aria-rowindex可显式声明位置（尤其在动态渲染或虚拟滚动表格中） - 避免混用
headers和aria-labelledby指向不同目标，会导致读屏器冲突
真正起作用的是结构化标记 + 显式引用，不是靠已删除的 axis。最容易被忽略的是：即使写了 headers，如果对应 <th> 缺少 id，整个关联就失效——这是无障碍测试中最常卡住的点。
