HTML5中除了article/section等这些我们所熟知并且已经应用的标签，还有很多十分有趣的标签，这些标签因为兼容性或者还处于草稿阶段所以很好有人知道，下面一起了解一下这些有趣的标签吧!
在使用Bootstrap/Element等UI组件时，会看到某个标签上需要应用一些如role="dialog"的不常见的属性，这是因为HTML语义化的需要。而Bootstrap中有很多注明了role属性的组件，而这些组件有一部分已经被HTML5所实现，并已经标签化，如dialog,progress等。
dialog元素表示一个对话框或者交互式窗口组件。可以说完全满足了对交互的需求，可以实现在页面上水平垂直居中，智能的激活层置顶(无需手动设置z-index), 共享backdrop层等。并且dialog有对应的open(show,showModal)和close方法。
progress元素用来显示一项任务的完成进度。
Collapse元素是利用details和summary标签，实现折叠面板的效果。details用于描述文档的细节，与summary标签配合使用可以为details定义标题。标题是可见的，用户点击标题时，会显示出 details。
Range元素：input[type="range"]元素显示为滑块，表示输入类型用于应该包含指定范围值的输入字段。
以上就是HTML5中有趣的标签介绍，这些标签的原始样式各个浏览器是不统一的，感兴趣的小伙伴可以尝试一下哦!想了解更多知识信息的，可以关注尚武科技网。
睿亿网络用心服务的团队，竭诚为您服务 
客服不能及时回复您，您可点击QQ进行交谈 
