实例2:
1 2 3 4 5 6 7 8 9 10 11 12 |
|
有的时候,我们需要detalis中的内容默认为展开状态怎么办?
其实HTML5也已经为我们想到了,如果有着方面的需求,我们只需要加入一个属性即可,如案例3。
html5 details标签的作用之Open属性的用法:
将案例1的代码修改后如下:
实例3:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
由此可见,HTML5为我们的确带来了很大方便。
html5 details标签的作用之details标签的常用属性的用法:
open:值为open,功能是定义details是否可见。
subject:值为sub_id,功能是设置元素所对应项目的ID号。
draggable:值为true或false,功能是设置是否可以拖动元素,默认值是false。
简单的details示例:
目前只有 Chrome 和 Safari 6 支持 <details> 标签。
个人认为details标签以后应该会有更多的浏览器的支持,因为它的出现,让初学者便利了很多,现在多学点总是好的,等以后推广了就可以随意的使用了,本篇文章就到这里。有问题的可以在下面提问。
【个人的相关推荐】
html em标签的作用是什么?<em>和<i>标签的区别
html5 table标签的样式介绍(另附html5 table css居中的实例)
以上就是html5 details标签的作用是什么?<details>标签的使用方法介绍(附使用实例)的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html5 border属性怎么设置?html5 table中的border属性介绍
更多相关阅读请进入《details》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者