HTML5中有趣的标签有哪些呢？

2024-03-02    分类： 网站建设

HTML5中除了article/section等这些我们所熟知并且已经应用的标签，还有很多十分有趣的标签，这些标签因为兼容性或者还处于草稿阶段所以很好有人知道，下面一起了解一下这些有趣的标签吧!

在使用bootstrap/Element等Ui组件时，会看到某个标签上需要应用一些如role="dialog"的不常见的属性，这是因为HTML语义化的需要。而bootstrap中有很多注明了role属性的组件，而这些组件有一部分已经被HTML5所实现，并已经标签化，如dialog,progress等。

dialog元素表示一个对话框或者交互式窗口组件。可以说完全满足了对交互的需求，可以实现在页面上水平垂直居中，智能的激活层置顶(无需手动设置z-index), 共享backdrop层等。并且dialog有对应的open(show,showModal)和close方法。

HTML5

progress元素用来显示一项任务的完成进度。

Collapse元素是利用details和summary标签，实现折叠面板的效果。details用于描述文档的细节，与summary标签配合使用可以为details定义标题。标题是可见的，用户点击标题时，会显示出 details。

Range元素：input[type="range"]元素显示为滑块，表示输入类型用于应该包含指定范围值的输入字段。

以上就是HTML5中有趣的标签介绍，这些标签的原始样式各个浏览器是不统一的，感兴趣的小伙伴可以尝试一下哦!想了解更多知识信息的，可以关注创新互联网。

文章名称：HTML5中有趣的标签有哪些呢？
文章路径：https://www.cdcxhl.com/news19/319669.html

成都网站建设公司_创新互联，为您提供网站制作、移动网站建设、响应式网站、企业建站、搜索引擎优化、企业网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都app开发公司

网站建设知识

同城分类信息