html5details标签的作用有哪些？<details>标签的运用办法
html5
HTML5 中新增的
html5
个别状况下，details用来对显示在页面的内容做进一步骤解释。其展示出来的结果和jQuery手风琴插件差未几。
其大致写法如下：
Google Nexus 6
商品详情：
- 屏幕
- 5.96” 2560x1440 QHD AMOLED display (493 ppi)
- 电池
- 3220 mAh
- 相机
- 13MP rear-facing with optical image stabilization 2MP front-facing
- 处置器
- Qualcomm? Snapdragon? 805 processor
第一是，这里面的内容个别简短，拥有总结性，会展现在页面。接着可以跟任意类型的HTML元素作为详情内容，这些内容需要在点击
才会呈现。
details是h5新增的交互元素，details与 summary 标签配合运用可认为 details 定义标题。默许状况下，不显示 details 标志中的内容。当会员点击标题时，会显示出 details。
details标签的涌现，为我们带来了更好的会员体验，无须为这种收缩展开的结果再编写JS来实现。
details有一个新添加的子标签——summary，当鼠标点击summary标签中的内容文字时，details标签中的其他所有元素将会展开或收缩。
html5 detalis标签实例1：
HTML5每日一练之details标签的利用
HTML5|CSS3|PHP | 百分百源码网(php1.cn)!
百分百源码网,WEB前端开发论坛,教程资源完全免费PHP网站，打造最佳的编程网站
要是details中不存在summary标签会如何呢，其实当details元素内没有summary标签的时候，阅读器在解析的时候会供给一个默许的文字，比方“查看细致”诸如此类的当地化文字，阅读器一样再会供给一个诸如高低箭头之类的图标。比方下面的案例2就是一个不存在summary子标签的例子：
实例2：
HTML5每日一练之details展开收缩标签的利用
HTML5论坛,CSS3论坛,CSS论坛,WEB前端开发论坛,教程资源完全免费的CSS论坛，打造最佳的HTML5/CSS3论坛
有的时候，我们需要detalis中的内容默许为展开状态怎么办？
其实HTML5也已经为我们想到了，要是有着方面的需求，我们只需要参加一个属性即可，如案例3。
html5 details标签的作用之Open属性的用途：
将案例1的代码修改后如下：
实例3：
HTML5每日一练之details展开收缩标签的利用
HTML5|CSS3|论坛 | 前端开发网(W3Cfuns.com)!
HTML5论坛,CSS3论坛,CSS论坛,WEB前端开发论坛,教程资源完全免费的CSS论坛，打造最佳的HTML5/CSS3论坛
因而可知，HTML5为我们确实带来了很慷慨便。
html5 details标签的作用之details标签的常用属性的用途：
open:值为open，功能是定义details可否可见。
subject:值为sub_id，功能是设定元素所对应项目的ID号。
draggable:值为true或false,功能是设定可否可以拖动元素，默许值是false。
简略的details示例：
html5 table标签的样式介绍（另附html5 table css居中的实例）
以上就是html5 details标签的作用有哪些？
