1. <details> 和 <summary>
<details> 是一个用于创建可折叠内容的标签，用户可以点击它来展开或折叠某段内容。<summary> 标签则定义了折叠部分的标题。
示例：
<details>
<summary>点击查看详情</summary>
<p>这是隐藏的内容，用户点击后可以看到。</p>
</details>
用法解析：
- 用户默认只会看到
<summary>中的内容，点击后才会展开<details>标签中的内容。 - 常用于 FAQ 页面的展开/折叠内容，或提供更多阅读选项。
2. <mark>
<mark> 标签用于标记文本，表现为带有黄色背景的高亮显示效果。
示例：
<p>在这段文本中，<mark>重要的部分</mark>已被高亮显示。</p>
用法解析：
mark标签可以突出显示重要信息，尤其是在文章、搜索结果等需要强调某些内容时。- 相比于其他样式方法，如
<b>或<strong>，<mark>的视觉效果更适合做阅读标记。
3. <meter>
<meter> 标签用于表示某个已知范围内的数值，比如进度条或评分。
示例：
<p>任务进度：<meter value="0.7" min="0" max="1">70%</meter></p>
用法解析：
meter标签适用于显示数值进度，例如进度条、投票比例、带范围的评分等。- 属性
value表示当前值，min和max定义了范围。
4. <progress>
与 <meter> 类似，<progress> 标签用于表示进度，不同之处在于它通常用于表示任务的完成程度，而不是某个范围内的数值。
示例：
<p>加载中：<progress value="50" max="100">50%</progress></p>
用法解析：
- 适用于显示任务执行的进度，通常用于文件上传、下载、任务完成百分比等场景。
- 属性
value表示当前进度，max为任务的总量。
5. <abbr>
<abbr> 标签用于标记缩写词，能够为缩写提供解释。当用户将鼠标悬停在缩写上时，会显示完整解释。
示例：
<p>HTML 是 <abbr title="HyperText Markup Language">HTML</abbr> 的缩写。</p>
用法解析：
- 用于定义缩写或首字母缩略词，增强可读性和语义化，尤其在技术文档、文章中经常用到。
title属性可提供完整的描述，鼠标悬停时将显示。
6. <dfn>
<dfn> 标签用于定义术语，通常与 <abbr> 搭配使用。在学术文章、词汇表中尤为有用。
示例：
<p>术语 <dfn id="html">HTML</dfn> 指的是超文本标记语言。</p>
用法解析：
- 在首次提到某个重要术语时使用
<dfn>，可以增强文章的语义。 - 在文档中提供术语的定义，增强文档的专业性和规范性。
7. <kbd>
<kbd> 标签表示用户输入的文本，通常用于标识键盘输入。
示例：
<p>要保存文件，请按 <kbd>Ctrl</kbd> + <kbd>S</kbd>。</p>
用法解析：
- 用于展示用户的输入，特别是在教程或操作指南中显示键盘快捷键。
- 也可用于展示命令行输入，增强文档的可操作性。
8. <s>
<s> 标签用于表示不再相关的文本，通常用于表示已失效或被替代的内容。
示例：
<p>以前的价格是 <s>$50</s>，现在是 $30。</p>
用法解析：
s标签常用于展示修订后的信息，表示某个信息已失效。- 在电商或促销页面中，可以用来表示折扣或原价。
9. <time>
<time> 标签用于表示特定的日期或时间，通常用于增加时间语义化。
示例：
<p>发布于 <time datetime="2023-06-15">2023年6月15日</time>。</p>
用法解析：
- 可以为日期和时间添加语义，搜索引擎可以更好地解析。
datetime属性定义了具体的日期或时间格式，适用于新闻、博客文章等。
10. <bdi>
<bdi>（Bidirectional Isolation）标签用于处理双向文本，尤其在多语言内容中，避免内容方向被外界影响。
示例：
<p>用户名：<bdi>user123</bdi>（在线）</p>
用法解析：
- 当嵌入不同语言的内容时，可以通过
<bdi>保证文本的正确方向，避免因为语言差异导致排版混乱。
