HTML5 新增标签

<section class="w">
    块级标签
    <header class="h">头部标签</header>
    <nav class="h">导航标签</nav>
    <section class="clearfix">
        块级标签
        <aside>侧边栏标签</aside>
        <article>内容标签</article>
    </section>
    <footer class="h">尾部标签</footer>
</section>

.w {
    margin: 0 auto;
    width: 1200px;
}
.h {
    height: 60px;
    line-height: 60px;
}
.clearfix:after {
    content:"";
    display: block;
    height: 0;
    clear: both;
    visibility:hidden;
}

/* 并集选择器，统一设置 */
header,nav,aside,article,footer {
    background-color: orange;
    margin: 10px;
    text-align: center;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
aside {
    float: left;
    width: 200px;
    height: 600px;
}
article {
    float: left;
    width: 960px;
    height: 600px;
}