HTML5使用＜details＞标签：展开/收缩信息

在HTML5中，<details> 标签用于创建一个可展开收缩的widget，它可以包含额外的信息或者提示。这个标签通常与 <summary> 标签一起使用，后者可以包含一个标题，当 <details> 展开时显示。

以下是使用 <details> 和 <summary> 标签的示例代码：




<details>
  <summary>点击查看更多信息</summary>
  <p>这里是隐藏的信息内容，点击上面的标题可以展开查看。</p>
</details>

在这个例子中，当页面加载时，隐藏的信息是不可见的。当用户点击"点击查看更多信息"时，隐藏的信息会展开显示。这个功能使得我们可以在不增加页面加载时间的同时，提供更多的内容选项。