这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
概述
<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 | |
HTML5.1 <details> |
Working Draft |
浏览器兼容性
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 | 未实现 | 未实现 | 未实现 |