details标签

details标签是一个有趣的容器,它可以展开和关闭,现在这个功能还是在用js实现的,但html5的details标签可以让html默认具体这个功能,它还支持tab获得焦点来打开,并不只是点击的时候响应。

details标签可选地接收一个open属性,确保页面载入时的默认状态是展开状态。

<details open>

 <summary> title </summary>  

content

</details>

原文地址:https://www.cnblogs.com/cly84920/p/4426641.html