以下是一个简单的 <details> 和 <summary> 示例：
<details>
<summary>Click to expand</summary>
<p>This is some detailed information that can be collapsed or expanded.</p>
</details>
在这个例子中，<details> 元素包含了一个摘要 <summary> 和一段详细的文本。默认情况下，详细信息是折叠的，只显示摘要。当用户点击摘要时，详细信息将展开或折叠。
<summary> 通常用于提供一个可点击的标题，以便用户知道点击它会触发折叠或展开。请注意，浏览器对 <details> 和 <summary> 的支持可能有所不同，但现代浏览器通常都支持这两个标签。
转载请注明出处：http://www.zyzy.cn/article/detail/3906/HTML