应使用abbr标签替代已废弃的acronym标签,abbr同时支持缩写和首字母缩写,必须提供准确、完整、自然语言的title属性以保障无障碍访问。

acronym 标签已废弃,不要用
HTML5 中 acronym 已被正式移除,所有浏览器都不再支持它。如果你在代码里写了 <acronym>NASA</acronym>,它可能“看起来”还能显示,但实际没有语义含义,也不被屏幕阅读器识别为缩写,更无法通过无障碍工具正确解析。
用 abbr 替代 acronym 是唯一合规做法
-
abbr是当前标准中唯一用于标记缩写和首字母缩写的元素 - 它同时覆盖 acronym(首字母缩写)和 abbreviation(一般缩写),无需区分
- 必须提供
title属性,否则失去可访问性意义 - 示例:
<abbr title="National Aeronautics and Space Administration">NASA</abbr> - 如果缩写本身含空格或标点(如 “U.S.A.”),仍用
abbr,但title里写全称即可 - 不要嵌套其他行内元素(如
strong或span)在abbr里,除非有明确样式或逻辑需要
abbr 的无障碍与样式注意事项
- 屏幕阅读器会读出
title属性内容,所以title必须是自然语言、完整、无歧义的全称 - 默认无样式,若想加下划线或提示符(如 dotted underline),需用 CSS 显式定义:
abbr { text-decoration: underline dotted #666; cursor: help; } - 避免给
abbr加tabindex或 JS click 事件——它不是交互控件,强行添加反而破坏语义 - 某些 CMS 或 Markdown 解析器(如 Jekyll 的 kramdown)会把
<em>abbr</em>自动转成abbr,注意检查输出是否带title
为什么有人还在搜 acronym
- 老教程、W3Schools 旧页面、中文资料误译仍存在大量过时示例
- 某些 IDE 插件或 HTML 校验工具未及时屏蔽该标签,导致误补全
- 开发者看到“acronym”这个词直觉认为“专用于首字母缩写”,没意识到规范早已合并处理
abbr 不是万能的,别滥用
- 不要给每个大写字母组合都套
abbr(比如 “PDF” 在技术文档中首次出现时才需标注,后文可省略) - 不要对品牌名缩写(如 “IBM”)盲目加
abbr,除非上下文明确需要解释其构成 - 如果缩写在页面中反复出现,考虑在文首统一说明,而非每处都加
abbr——可读性比机械合规更重要
真正容易被忽略的是 title 值的质量,而不是标签名。写错、写简略、写英文全称却面向中文用户,这些比用错标签影响更大。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











