使用标记元素实现交互

在HTML5中，details标记本质上允许我们在单击标签时显示和隐藏内容，功能是描述文档或文档某个部分的细节。

summary标记包含了details元素的标题，配合details元素使用。它是details元素中的第一个子元素，经常同时出现在页面中。

在默认情况下，不显示details元素标记中的内容，但标题是可见的，用户点击标题时，会显示出 details内容。
它支持HTML5中的全局属性，常用属性：
open:值为open，功能是定义details是否可见。

<details>
    <summary>文档标题</summary>
    以下是文档的详细信息
</details>