以下是 <details> 和 <summary> 标签的基本用法：
<details>
<summary>Click to view details</summary>
<p>This is the detailed information that can be collapsed or expanded.</p>
</details>
在这个例子中，<details> 元素包含了一个 <summary> 元素，以及一个详细信息的 <p> 元素。初始状态下，详细信息是折叠的，只显示 <summary> 元素中的标题。用户可以点击标题来展开或折叠详细信息。
使用 <details> 和 <summary> 元素可以为用户提供可交互的、折叠和展开的内容块，特别适用于隐藏辅助性或额外的信息。
请注意，<details> 和 <summary> 在一些旧的浏览器中可能不被完全支持，因此在使用时最好进行兼容性检查。
转载请注明出处：http://www.pingtaimeng.com/article/detail/3774/HTML5