details标签是一个有趣的容器,它可以展开和关闭,现在这个功能还是在用js实现的,但html5的details标签可以让html默认具体这个功能,它还支持tab获得焦点来打开,并不只是点击的时候响应。
details标签可选地接收一个open属性,确保页面载入时的默认状态是展开状态。
<details open>
<summary> title </summary>
content
</details>