html5之语义化标签总结（共5个）

<header>顶部标签</header>
<nav>导航栏标签</nav>
<section>中心标签</section>
<article>文章标签</article>
<footer>底部标签</footer>

<div class="container">
    <header>
        <nav>这里是一个导航栏</nav>
    </header>

    <section>
        <article>这里是一个文章</article>
    </section>

    <footer>底部</footer>
</div>

.container {
  width: 1200px;
  height: 800px;
  background:gray;
  margin: 0 auto;
}


header {
  height: 200px;
  background: #f00;
}

section {
  height: 400px;
  background: #0f0;
}

footer {
  height: 200px;
  background: #00f;
}