acronym 标签在 html5 中已被彻底废弃，必须统一改用 abbr 标签并强制添加 title 属性；因其与 abbr 语义边界模糊、辅助技术无法识别，w3c 和 whatwg 均明确移除。
acronym 标签在 HTML5 中已被彻底移除，不是“合并趋势”，而是明确废弃——所有原本想用 acronym 的场景，现在必须改用 abbr，且必须带 title 属性。
为什么 acronym 被干掉了
W3C 和 WHATWG 都没给 acronym 留余地：它和 abbr 语义边界根本划不清。比如 “RSS” 是缩写（Really Simple Syndication）还是首字母缩略词？不同人、不同语言环境判断不一；浏览器和屏幕阅读器也没法自动识别。与其让开发者猜、让工具瞎处理，不如一刀砍掉，统一交给 abbr。
常见错误现象：
- 写了
<acronym title="National Aeronautics and Space Administration">NASA</acronym>，Chrome/Firefox/Safari 渲染出来像普通文字，鼠标悬停不显示提示，NVDA/VoiceOver 也不读全称 - HTML 验证器直接报错：
Error: Element acronym is obsolete - 某些构建流程（如
html-validate或eslint-plugin-jsx-a11y）默认拦截，CI 直接失败
abbr 的正确写法与强制要求
abbr 不是可选装饰，而是语义刚需：只要文本是缩写或首字母缩略词，且你想传达完整含义，就必须用 abbr + title。没有“首次出现才标”这种模糊规则，每次出现都要独立标注。
关键实操点：
-
title值必须是完整、可读、无歧义的展开形式，不是解释性描述：✅ title="Cascading Style Sheets"，❌ title="a stylesheet language" - 中文缩写也得按同样逻辑来，比如 “国行” 要写
title="中国大陆行货版本"，只写title="国行"等于没写 - 技术术语如
CSS、HTTP、DOM，哪怕全文出现十次，每次都要套<abbr title="Document Object Model">DOM</abbr> - 不要嵌套：
<abbr title="HyperText Markup Language"><abbr title="World Wide Web">WWW</abbr></abbr>是错的，语义混乱，辅助技术无法解析
上线后最容易翻车的兼容性细节
表面上换标签很简单，但真实项目里常卡在工具链和遗留资产上：
- 旧版富文本编辑器（CKEditor 4、TinyMCE 4）的“插入缩写”按钮默认输出
acronym，需手动改插件配置或加保存前正则替换：<acronym>]*>([\s\S]*?)</acronym>→<abbr title="$1">$1</abbr> - Django/Twig 模板中若存在
{% if tag == 'acronym' %}这类判断，上线即失效，得全量搜索替换 - 服务端生成的文档（如 Sphinx、JSDoc）若依赖
acronym做自动注释，升级后缩写直接丢失解释，得重配插件或补abbr手动标注 -
title值含双引号或时，必须实体转义：<code>title=""Hypertext Markup Language""，否则 HTML 结构崩坏
真正麻烦的不是手写错标签，而是团队共享的模板、脚手架、CMS 插件、甚至设计系统组件库里还藏着 acronym —— 这类“静默债务”往往等 Lighthouse 扫出 obsolete element 或 axe 报告无障碍失败时才被发现。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
