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>