abbr 属性在 HTML5 中已被移除，浏览器因兼容性容忍但不支持，验证器严格报错；应改用 <abbr> 标签包裹表头文字或 aria-label 属性，并配合 scope 确保语义完整。
abbr 属性在 <th> 标签中已不合法，HTML5 明确移除它。你写 <th abbr="Rev">Revenue</th>，W3C 验证器会直接报错：Attribute abbr not allowed on element th at this point。
为什么浏览器没报错但验证器报错？
浏览器出于向后兼容容忍语法错误，不代表它被支持。现代解析器忽略 abbr 属性——它不触发任何行为、不参与 DOM 属性读取、不被 CSS 选择器匹配（th[abbr] 永远选不到）、也不影响 JS 的 getAttribute("abbr")（返回 null）。
- Chrome/Firefox/Safari 渲染时完全无视该属性，视觉和布局零影响
- 屏幕阅读器（NVDA、VoiceOver）绝大多数版本已不再读取
abbr属性值 - 自动化可访问性检测工具（如 axe-core）会将含
abbr的<th>标记为“无效语义”
替代方案：用 <abbr> 标签包裹表头文字
这是 HTML5 官方推荐、语义清晰、无障碍友好的写法：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
<th><abbr title="Quarterly Net Profit After Tax">QNPAT</abbr></th>
-
<abbr>是合法内联元素，title属性必须存在且非空 - 用户悬停时浏览器原生显示提示，屏幕阅读器朗读
title值 - 视觉上仍显示 “QNPAT”，不影响表格布局或响应式表现
- 注意：不要嵌套
<abbr>，也不要给<abbr>加class或样式干扰语义
只想要无障碍提示、不改视觉内容？用 aria-label
适用于不想改变 UI，但需确保读屏软件获取完整含义的场景：
立即学习“前端免费学习笔记（深入）”；
<th aria-label="Monthly Active Users">MAU</th>
-
aria-label是 HTML5 合法属性，专为辅助技术设计 - 普通用户看不到变化，也无法通过 CSS 选中或悬停触发提示
- 不能和
<abbr>同时用：<th aria-label="..."><abbr title="...">...</abbr></th>属于冗余且语义冲突 - 若表格结构复杂，务必配合
scope="col"或scope="row"，否则读屏用户无法建立单元格与数据的归属关系
真正容易被忽略的是：缩写本身没有上下文价值。哪怕 title 写得再准，如果 <th> 没放在 <thead> 里、没设 scope、或被 colspan/rowspan 打乱逻辑，读屏用户依然听不出“这个 QNPAT 到底管哪几列”。语义链断掉一环，缩写就只是个好看的文字游戏。
