最新的Web开发教程
 

HTML <details> Tag


使用<details>元素:

<details>
  <summary>Copyright 1999-2014.</summary>
  <p> - by Refsnes Data. All Rights Reserved.</p>
  <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
试一试»

定义和用法

<details>标记指定的其他详细信息,用户可以查看或隐藏的需求。

所述<details>标签可用于创建交互式插件,用户可以打开和关闭。 任何类型的内容可以在里面放<details>标记。

一个的内容<details>除非该元素应该是不可见的open属性设置。


浏览器支持

在表中的数字指定完全支持元件的第一个浏览器的版本。

元件
<details> 12.0 不支持 48.0 6 15.0

HTML 4.01和HTML5之间的差异

<details>标签是HTML5中的新。


提示和注意

提示: <summary>标记用于指定的细节可见标题。标题可以点击查看/隐藏细节。


属性

=新的HTML5。

属性 描述
open open 指定的细节应该是可见的(开放)到用户

全局属性

<details>标签支持全局的HTML属性


事件属性

<details>标签支持的HTML事件属性


相关页面

HTML DOM参考: Details对象


默认设置CSS

大多数浏览器会显示<details>与下面的默认值元素:

details {
    display: block;
}