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 -