HTML5之语义化标签

语义化标签，顾名思义，即让标签更加通俗化，增加可读性

普通的HTML标签

<!-- 头部 -->
<div class="header">
<div class="nav"></div>
</div>
<!-- 主体部分 -->
<div class="main">
<!-- 文章 -->
<div class="article"></div>
<!-- 侧边栏 -->
<div class="aside"></div>
</div>
<!-- 底部 -->
<div class="footer"></div>

HTML5的语义化标签
<!--头部-->
<header>
<nav>导航栏</nav>
</header>
<!--内容部分-->
<section>
<!--文章-->
<article></article>
<!--侧边栏-->
<aside></aside>
</section>
<!--底部-->
<footer></footer>

这样的标签就更加具有可读性