宜宾网站建设公司

怎么使用html5不常用标签-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商，新人活动买多久送多久，划算不套路！

创新互联建站2013年开创至今，先为镇江等服务建站，镇江等地企业，进行企业商务咨询服务。为镇江企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

怎么使用html5不常用标签？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

作为一个前端开发，在浏览别人家的页面时总是会习惯性的查看他们页面的源码，发现大多数网站的页面，包括我自己写的页面中用到的最多的布局元素无外乎就是div、p、span、ul、dl、ol、li、dt、dd、strong、b，不管是什么样的效果都是由这些元素组成。

现在都已经是9102年了，html5已经相当成熟标准了，为什么在布局的时候不用写html5提供的具有语义化的标签进行布局呢？我个人觉得是因为我们刚开始学习布局的时候用的最多就是上面的这些标签，而当html5新标签出来的时候我们已经使用div布局很久了，并且可能由于工作忙的原因没有很认真的去了解这些标签的应用场景，久而久之我们还是在使用div布局。

1、fieldset 标签

标签为表单分组标签，它可以将内容相关联的一组表单进行分组。

1.1、应用场景1 - 表单分组

如果一个表单上有很多信息需要填写，可以使用

标签将相关的表单项组合在一起，使表单更容易理解，表单越容易理解，访问者就越有可能正确的填写表单。

基本使用及默认效果：

怎么使用html5不常用标签


  用户基本信息

美化后的表单

怎么使用html5不常用标签

1.2、应用场景2 - 其他分组

怎么使用html5不常用标签

怎么使用html5不常用标签

2、figure 标签

用于对元素进行组合，一般用于图片、视频、图表、代码等。

2.1 、应用场景1 - figure标签与图片混合使用

怎么使用html5不常用标签


  
  
 搜索引擎

2.2、应用场景2 - figure标签与dt、dd标签结合使用

怎么使用html5不常用标签


  
这是标题

  
这是描述

2.3、应用场景3 - figure标签单独结合figurecaption标签使用

figure标签单独结合figurecaption标签使用时可以实现类似下面的这种对某一块内容的说明。

怎么使用html5不常用标签


  网站问题 一站解决
  
海量节点 + 海外 CDN 加速，助力企业高速、安全触达用户
3、section 标签

标签用于对网站或应用程序中页面上的内容进行分块

一个section元素通常由内容及标题组成
但当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div。

section元素强调分段或分块，一块内容分为几段或几块；
article元素强调独立性，一块内容独立完整;

没有标题内容区域块，不要用section，即section中应有h2-h7标签

可以用来呈现论坛的一个帖子，评论列表，可互动的页面模块挂件，杂志或报纸中的一篇文章，国际时事版块、体育版块、娱乐版块、文学版块等等，像这种有版块标题的、内容属于一类的版块等就可以使用section。

4、aside 标签

其他资讯