1. 没有语义的布局标签

div 标签和 span 标签没有语义，实际开发中会频繁使用

div 标签独占一行，即一行显示一个； span 标签一行可以显示多个

<body>
    <div>无语义标签1</div>
    <div>无语义标签2</div>
    <span>无语义标签3</span>
    <span>无语义标签4</span>
  </body>

2. 有语义的布局标签

HTML5 中，新增了有语义布局标签，通常做手机端网页使用

有语义标签独占一行

  <body>
    <header>头部</header>
    <nav>导航</nav>
    <footer>底部</footer>
    <aside>侧边栏</aside>
    <section>区块</section>
    <article>文章</article>
  </body>

十、语义化标签

1. 没有语义的布局标签

2. 有语义的布局标签