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中有趣的标签介绍，这些标签的原始样式各个浏览器是不统一的，感兴趣的小伙伴可以尝试一下哦!想了解更多知识信息的，可以关注尚武科技网。