HTML 缩写和首字母缩写

参考资料

1. html内嵌框架标签详细说明以及案例
2. HTML 有序列表
3. HTML 颜色采用的是 RGB 颜色
4. 用于长引用的 HTML
5. HTML无序列表
6. HTML 常用1600 万种不同颜色颜色代码表
7. HTML 预期格式文本
8. HTML 块引用格式化

HTML 缩写和首字母缩写的详细介绍：

1. 定义：

• 缩写（Abbreviation）：缩短形式的单词或短语

• 首字母缩写（Acronym）：由短语中各单词首字母组成的缩写

2. HTML标签：

• <abbr>：定义缩写或首字母缩写

• <acronym>（HTML5已废弃）：定义首字母缩写

3. 属性：

• title：指定缩写的完整解释文本（必填）

4. 基本语法：

<abbr title="完整解释">缩写</abbr>

5. 功能：

• 为缩写提供语义化标记

• 鼠标悬停时显示完整解释

• 提高可访问性（屏幕阅读器可读出title内容）

6. CSS扩展样式：

abbr {
  cursor: help; /* 鼠标悬停显示问号图标 */
  border-bottom: 1px dotted; /* 添加虚线底边 */
  text-decoration: none; /* 移除默认下划线 */
}

abbr[title]:hover::after {
  content: " (" attr(title) ")"; /* 悬停时显示完整解释 */
}

7. 使用示例：

<p>
  <abbr title="HyperText Markup Language">HTML</abbr>
  是网页的标准标记语言。
</p>

8. 注意事项：

• HTML5中<acronym>标签已被废弃，统一使用<abbr>

• title属性必须包含完整解释

• 对于纯首字母缩略词（如NASA），仍使用<abbr>标签