HTML 缩写和首字母缩写

参考资料

1. Html网页 Web 安全色
2. HTML 文本对齐方式
3. HTML 中的空格详解
4. HTML 数学符号
5. HTML 超链接
6. HTML 字体, 字体颜色 ，字体大小
7. HTML 使用<div> 元素布局
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>标签

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。