acronym 标签在 html5 中已被标准明确移除，使用会导致验证失败且无浏览器支持；必须用 abbr 替代，并严格设置 title 属性、css 样式及无障碍内容。
acronym 标签在 HTML5 中已彻底失效，不能用、也不该用——它不是“不推荐”，而是被标准明确移除，任何使用都会导致验证失败，且现代浏览器不提供语义支持或悬停提示。
为什么 acronym 会报错或没反应
W3C 和 WHATWG 的 HTML Living Standard 已将 acronym 定义为 obsolete 元素。Chrome、Firefox、Safari、Edge 均将其视为未知内联标签：既不加下划线，也不触发 title 提示；HTML 验证器（如 validator.w3.org）会直接报错：Element acronym is obsolete。
常见错误现象包括：
- 鼠标悬停无提示，
title属性静默失效 - Lighthouse 或 axe 插件扫描出「obsolete element」问题
- CMS 导出或富文本编辑器（如 CKEditor 4）残留
acronym，上线后才发现无障碍缺失
abbr 是唯一合法替代方案
所有首字母缩略词（如 NASA、ASAP、FBI）和普通缩写（如 Mr.、vs.）都必须统一用 abbr，且 title 属性不可省略。
正确写法要点：
-
title值必须是完整、可读、无歧义的展开形式（✅title="National Aeronautics and Space Administration"，❌title="a U.S. space agency"） - 缩写含引号或
/<code>>时，需做 HTML 实体转义（例如title=""Hypertext Markup Language""） - 首次出现建议辅以括号说明（如
CSS (Cascading Style Sheets)），兼顾无 JS/CSS 环境下的可读性
abbr 必须手动加 CSS 才有视觉提示
abbr 默认无样式，不加 CSS 就没有下划线、没有帮助光标，用户根本无法识别它是可交互缩写。
至少应添加基础样式：
abbr {
text-decoration: underline dotted #666;
cursor: help;
}
旧版 IE（≤8）对 title 悬停支持极弱，仅靠 CSS 强化提示才能保障基本可用性；屏幕阅读器完全依赖 title 内容朗读全称，留空或写错即导致无障碍体验归零。
真正难的是清理历史债务，不是写对标签
模板里残留的 acronym、CMS 输出配置未更新、设计稿没标注 title 内容要求——这些环节漏掉一个，abbr 就只剩个空壳。
自动化清理建议：
- 正则替换旧内容：
<acronym>]*>([\s\S]*?)</acronym>→<abbr title="$1">$1</abbr>（注意：这仅适用于简单场景，复杂嵌套需人工校验） - CI 流程中加入 HTML 验证检查，拦截
acronym出现在新提交中 - 富文本编辑器配置禁用
acronym插件，或重写输出规则
title 内容是否准确、是否转义、是否与上下文匹配——这些细节没法靠工具自动兜底，得靠人盯。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
