当前位置: 首页 > Web前端 > HTML5

Html5不常用标签应用场景

时间:2023-04-05 19:52:56 HTML5

作为一个前端开发者,在浏览别人的页面时,总会习惯性的去查看他们页面的源代码,找到网站的大部分页面,包括我自己的页面写我自己。布局元素最多的无非是div,p,span,ul,dl,ol,li,dt,dd,strong,b,不管这些元素组成什么样的效果,现在9102年了,html5是已经相当成熟和规范了,为什么不在布局的时候写上html5提供的语义标签进行布局呢?个人认为是因为我们刚开始学习layout的时候用的最多的是上面的标签,而新的html5标签出来的时候我们已经用了很长时间的div布局,可能是工作忙没有认真理解.这些标签的应用场景,久而久之我们还在使用div布局。1.fieldset标签

标签是表单分组标签,可以将一组与内容相关的表单进行分组。1.1.应用场景一——表单分组。相关的表单项被组合在一起,使表单更容易理解,表单越容易理解,访问者就越有可能正确填写。基本使用及默认效果:
用户基本信息
用户名
Email
密码
div>
确认密码
表单美化1.2、应用场景2-其他组1.3、边框嵌套text(更新于2021-06-09)如果UI给你如下图这样的设计,你会用什么方法来实现呢?经过我的尝试,如果不使用
标签
一个
两个
四</legend>
最终效果:2.图形标签
用于组合元素,一般用于图片、视频、图表、代码等。2.1应用场景1——图形标签and混合使用图片
搜索引擎
2.2、应用场景2——figure标签与dt、dd标签结合使用
Thisisthetitle
Thisisdescription
2.3、应用场景3——figure标签单独结合figurecaption标签可以实现类似下面的东西当单独使用figure标签与figurecaption标签结合时一段内容的描述。
一站式解决网站问题

海量节点+海外CDN加速,助力企业快速安全触达用户

3、版块标签
标签用于阻止网站或应用程序页面上的内容。section元素通常由内容和标题组成。但是当容器需要直接设置样式或者通过脚本定义时,推荐使用div。section元素强调切分或划分,将一段内容分成若干段或几段;article元素强调独立性,一段内容是独立完整的;没有标题内容区域块,不要使用section,即section中应该有h1-h6标签用于呈现论坛帖子、评论列表、交互页面模块widget、文章中的文章杂志或报纸、国际时事栏目、体育栏目、娱乐栏目、文学栏目等。栏目可以用于内容属于一个类别的栏目。4、aside标签