Web速查-索引

details

定义

<details> 标签用于定义用户可见的或者隐藏的需求的补充细节。

details 元素的内容对用户是不可见的,除非设置了 open 属性。

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

属性

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

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
</head>
<body>
<details>
<summary>《零基础入门学习Web》</summary>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
<details open>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
<details>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
</body>
</html>
《零基础入门学习Web》

配有同名书籍。

配有视频教程

配有同名书籍。

配有视频教程

配有同名书籍。

配有视频教程

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
6.0 12.0 49.0 -