<details>

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

概述

<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 未实现 未实现 未实现

参阅

文档标签和贡献者

标签: 
 此页面的贡献者: Martin.Chow
 最后编辑者: Martin.Chow,