axis 属性在 html5 中被正式弃用，因无浏览器或屏幕阅读器实际依赖它，且值无校验、易出错；现代可访问性应使用 headers 或 aria-labelledby 明确表头关联。
axis 属性在 该属性在 HTML5 中被正式弃用，W3C 明确不鼓励使用。主流浏览器虽仍“支持”（即不报错、可读取），但： 示例： 当 真正容易被忽略的是：即使你写了 <td> 中已废弃，不推荐用于新项目，也不影响渲染或功能逻辑。 它曾用于辅助技术语义分类，但现代可访问性实践已转向 <code>scope、headers 和 ARIA（如 aria-labelledby）来明确表头与数据单元格的关联。
为什么
axis 不再被使用
axis 值无强制校验，拼写错误或空格不一致（如 "sales, q1" vs "sales,q1"）会导致辅助技术完全忽略axis 做单元格映射；它们优先解析 scope 和 headers
axis 标记为“过时属性”，影响无障碍审计结果
headers 属性才是 <td> 关联复杂表头的正确方式
<p>当表头跨行跨列（如多级表头、合并单元格），<code>headers 是唯一能显式绑定多个 <th> ID 的标准属性。
<p>实操要点：</p>
<ul><li>每个参与关联的 <code><th> 必须有唯一 <code>id（不能仅靠 colspan/rowspan 推断）
<td headers="id1 id2 id3"> 中 ID 顺序无关，但必须用空格分隔（不是逗号）
<li>若表头含动态内容（如 React 渲染），需确保 <code>id 在服务端/客户端稳定生成，避免重复或缺失
年份
地区
Q1
Q2
2025
2026
遇到多层嵌套表头时，优先用 ARIA 而非尝试复活
axis
headers 难以维护（如模板化组件、表头结构频繁变动），更健壮的做法是用 aria-labelledby：aria-labelledby 支持跨 <thead> / <code><tbody> 引用，且可指向非 <code><th> 元素（如带 <code>role="columnheader" 的 <div>）
<li>它不依赖表格 DOM 结构，更适合现代框架（Vue/React）中虚拟滚动或动态列场景</li>
<li>注意：不要同时设 <code>headers 和 aria-labelledby，屏幕阅读器可能只取后者，造成冗余或冲突axis，只要没配 headers 或 ARIA，复杂表头在 VoiceOver、NVDA 上基本无法被正确朗读——这不是兼容性问题，而是语义链根本没建立。动手前先检查 <th> 是否有 <code>id，再决定用 headers 还是 aria-labelledby。
