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