【HTML】7个你可能不知道的HTML标签

1. <details> 和 <summary> 标签：这对标签用于创建可折叠的内容。<details> 标签包含可折叠的内容，<summary> 标签作为可折叠内容的标题。

<details>
  <summary>点击查看详情</summary>
  <p>这里是可折叠内容</p>
</details>

2. <mark> 标签：这个标签用于高亮显示文本。

<p>这是一个<mark>重要</mark>的句子。</p>

3. <dialog> 标签：这个标签用于定义对话框或窗口，可以包含 <dt> 和 <dd> 标签来展示条目列表。

<dialog open>
  <dt>老师</dt>
  <dd>您好</dd>
  <dt>学生</dt>
  <dd>你好</dd>
</dialog>

4. <ruby> 和 <rt> 标签：这对标签用于展示中文或日文的注音文字。<ruby> 标签包含文本和注音，<rt> 标签包含实际的注音内容。

<ruby>
  漢字 <rt>kanji</rt>
</ruby>

5. <menu> 标签：这个标签用于定义菜单列表，可以包含 <menuitem> 或 <command> 标签。

<menu>
  <menuitem command="action1">选项 1</menuitem>
  <menuitem command="action2">选项 2</menuitem>
</menu>

6. <canvas> 标签：这个标签用于绘图，需要配合 JavaScript 使用。

<canvas id="myCanvas" width="200" height="100"></canvas>

7. <keygen> 标签：这个标签用于密钥对生成。当表单提交时，会生成一个私钥，公钥会发送到服务器。

<form action="/submit">
  <label for="security">Security:</label>
  <keygen name="security" id="security" />
  <input type="submit" value="Submit" />
</form>

注意：<menuitem> 和 <command> 标签的支持度不高，可能不被所有浏览器支持。而 <dialog> 标签的支持度也不是很广，可能需要添加 polyfill 来提供兼容性。