参考资料

1. Html/JS互转有哪些
2. HTML 使用
   元素布局
3. HTML 使用 Class 与 ID 的差异
4. http-equiv="expires" 模拟 HTTP 头部中的 Expires 字段
5. 如何在Electron应用中禁用开发者工具？
6. 禁用开发者工具的方法与示例
7. HTML 表格高度和宽度
8. HTML格式化/压缩有哪些

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>标签