<abbr>: 缩写标签
最后更新：2026-10-13
<abbr>缩写标签
表示缩写或首字母缩略词；建议配合 title 属性写出完整形式，便于用户和搜索引擎理解。
| 分类 | 文本内容 |
|---|---|
| 内容模型 | 短语内容 |
| 允许的父元素 | 接受短语内容的元素 |
| 闭合标签 | 需要 </abbr> 标签 |
| 状态 | 标准 |
📝 语法
<abbr title="HyperText Markup Language">HTML</abbr>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <abbr> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 给 <abbr> 加 title 属性，鼠标悬停时会显示完整含义，对无障碍和 SEO 都更友好。
❓ 常见问题
Qabbr 标签是做什么用的？
A
<abbr> 标记缩写词，通过 title 属性提供完整名称，如 <abbr title='HyperText Markup Language'>HTML</abbr>。鼠标悬停会显示提示，屏幕阅读器和搜索引擎也能理解缩写的含义。Qabbr 的 title 属性在手机上能用吗？
A体验不好——触屏设备没有悬停，title 提示基本无法触发。移动端建议首次出现时直接写全称（如「超文本标记语言（HTML）」），或用
<details>、自定义 tooltip 等可点击的方式展示全称。Qabbr 需要配合 dfn 使用吗？
A当页面正在定义这个缩写术语时推荐组合：
<dfn><abbr title='CSS'>CSS</abbr></dfn>。日常行文中单独用 <abbr> 就够了，不必每处都包 dfn。🏷️ 相关标签
💡 相关案例
📚 相关教程
