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,柱状条变色提醒