<details>
标签定义用户可见的或者隐藏的需求的补充细节。
details 元素的内容对用户是不可见的,除非设置了 open 属性。
与 <summary>
标签配合使用可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。
属性 | 值 | 描述 |
open | open | 规定 details 是否可见。 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鱼C-零基础入门学习Web(Html5+Css3)</title>
</head>
<body>
<details>
<summary>《零基础入门学习Python》</summary>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
<details open>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
<details>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
</body>
</html>
配有同名书籍。
配有视频教程
配有同名书籍。
配有视频教程
配有同名书籍。
配有视频教程
表格中的数字表示支持该属性的第一个浏览器版本号。
Safari | Chrome | FireFox | IE |
6.0 | 12.0 | 49.0 | - |