HTML <details> 标签

<details> 标签用于描述文档或文档某个部分的细节。

 

1. 范例

关于文档的细节：

<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of codebaoku.</p>
</details>

我要试一试

 

2. 浏览器支持

元素 Chrome IE Firefox Safari Opera
<details> 12.0 79.0 49.0 6.0 15.0

 

3. HTML 4.01 与 HTML 5 之间的差异

<details> 标签是 HTML 5 中的新标签。

 

4. 提示和注释

提示：与 <summary> 标签 配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。

 

5. 属性

new : HTML5 中的新属性。

属性 值 描述
open open 定义 details 是否可见。

 

6. 全局属性

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

 

7. 事件属性

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

HTML <dialog> 标签：<dialog> 标签定义对话框或窗口。默认情况下不支持，但是可以在 about:config 中启用（将 dom.dialog_element.enabled 设置为 true）。