HTML DOM Details 对象

<details> 标签用于创建一个可展开的细节部分,用户可以点击标题来展开或收起内容。该标签可以包含一个 <summary> 元素作为标题,并包含要展示的内容。

语法

属性

  • open: 可选属性,表示默认情况下是否展开细节部分。如果设置为 open,细节部分会默认展开;如果不设置或设置为其他值,则细节部分默认关闭。

示例

-- -------------------- ---- -------
---------
  -----------------------
  ----------------
----------

-------- -----
  ----------------------------
  ------------------
----------

注意事项

  • <details> 标签在一些旧的浏览器中可能不被支持,可以使用 JavaScript 来模拟该功能。
  • 确保 <details> 标签内部包含有意义的内容,以增强用户体验。
上一篇: HTML 对象 <del>
下一篇: HTML 对象 <dialog>
纠错
反馈