html5不常用标签可以怎么使用？

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

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

1、`fieldset` 标签

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

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

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

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

基本使用及默认效果：

<fieldset>
  <legend>用户基本信息</legend>
  <div>
    <label for="">用户名</label>
    <input type="text">
  </div>
  <div>
    <label for="">电子邮箱</label>
    <input type="password">
  </div>
  <div>
    <label for="">密 码</label>
    <input type="password">
  </div>
  <div>
    <label for="">确认密码</label>
    <input type="password">
  </div>
</fieldset>

美化后的表单