1.内容交互元素
<details>与<summary>用于文档的内容交互元素，用于文档的标题、内容、细节的内 容交互显示
1.1 details元素
details一般喝summary配合使用，默认情况下标记内容不显示，与summary配合使用时，点击summary时才显示details
details用于显示和隐藏详细信息，有一个折叠的效果。看下方例子，主要测试open属性
1.2 summary元素
是html5新增的一个元素，和details 配合使用。相当于details的标题
2.菜单交互元素
2.1 menu,目前主流的浏览器并不支持该元素
常与li一起使用，用来定义一个列表式的菜单;自我认为实用性不大
2.2 command元素，没有浏览器支持
用来定义各种类型的命令按钮，利用该标记的icon添加图片，可以实现图片按钮效果。type值可以定义复选框和单选框，。
也可以与上面的menu结合使用，做出弹出式的下拉菜单。
3.状态交互元素
3.1 progress元素，其实就是一个进度条
3.2 meter属性,柱状条
若value>high或者value<min,柱状条变色提醒
