例
使用<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;
}