MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

 

HTML <details> 元素被用作发现小部件,用户可以从其中检索附加信息。

 

所属分类 Flow content, sectioning root, interactive content, palpable content.
允许内容 One <summary> element followed by flow content.
标签闭合 不允许,开始标签和结束标签都不能省略。
允许的父级元素 Any element that accepts flow content.
DOM接口 HTMLDetailsElement

属性

本元素支持 全局属性.

open
本属性只支持布尔值。且该属性默认值为"open",这表示只有当用户点击该标签的时候才会展示详情。如果设置为“false”,那页面渲染完毕,就将展示details元素内包含的内容。

示例

<details>
  <summary>Some details</summary>
  <p>More info about the details.</p>
</details>

在线演示

提示: 如果本在线演示在您的浏览器内没有效果,参阅 Browser compatibility来确认您的浏览器是否支持使用本标签。

规范

Specification Status Comment
WHATWG HTML Living Standard
<details>
Living Standard  
HTML 5.1
<details>
Recommendation  

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 12 未实现 bug 591737 未实现 15 6
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 4.0 未实现 bug 591737 未实现 未实现 未实现

参阅

文档标签和贡献者

 此页面的贡献者: xgqfrms-GitHub, Martin.Chow
 最后编辑者: xgqfrms-GitHub,