: 详情标签
最后更新：2026-09-12
<details>详情标签
表示一个可展开/折叠的披露组件，点击 summary 即可显示或隐藏内容。
| 分类 | 语义化 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </details> 标签 |
| 状态 | 标准 |
📝 语法
<details>可折叠内容</details>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <details> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 默认折叠；加 open 属性可默认展开。无需 JS 即可实现折叠效果。
🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
