<details>
标签用于创建一个可展开的细节部分,用户可以点击标题来展开或收起内容。该标签可以包含一个 <summary>
元素作为标题,并包含要展示的内容。
语法
<details> <summary>点击展开</summary> <p>这是要展示的内容。</p> </details>
属性
- open: 可选属性,表示默认情况下是否展开细节部分。如果设置为
open
,细节部分会默认展开;如果不设置或设置为其他值,则细节部分默认关闭。
示例
-- -------------------- ---- ------- --------- ----------------------- ---------------- ---------- -------- ----- ---------------------------- ------------------ ----------
注意事项
<details>
标签在一些旧的浏览器中可能不被支持,可以使用 JavaScript 来模拟该功能。- 确保
<details>
标签内部包含有意义的内容,以增强用户体验。