html5-detial

html5 新增对应的交互元素：内容交互元素，菜单交互元素，状态交互元素，可以极大的改善用户体验及功能

内容交互元素：<details> <summary>

 <details> 用来说明文档或者某个细节的信息，常与<summary>连用

 <details>

              1>属性 open          "open"         用于控制<details>元素是否显示，默认值不显示

                          subject       "sub_id"      用来设置元素所对应的项目ID

                          draggable   "true/false"  设置是否可以拖动元素，默认值为false

    代码： <details>此页面 20160328</details>

    在chrome中，可以正常显示，但是会在页面中显示一个”详细信息“ ，如下图所示

                           （此图是点击小三角后，内容显示）

但是，在IE11中，却没有上述效果，而直接显示内容。（？？）

<summary> 常包含于<details>中，配合其使用，在两者配合使用时，<summary>说明文档的标题，<details>说明文                     档的详细内容，

 代码：<details>   

              <summary>文档结构</summary>

               此页面 20160328

          </details>     如下图所示：发现原来的详细信息被<summary>中内容所替代

              经测试，发现无论把<summary>元素放置哪里，在显示的时候都会在第一位显示

在<details>中可以多次使用<summary>,设置成层级