1. <!DOCTYPE html>
    2. <html lang="en">
    4.   <head>
    5.     <meta charset="UTF-8">
    6.     <title>html5新增标签</title>
    7.   </head>
    9.   <body>
    11.     <!-- div容器页面布局 -->
    12.     <div id="header"></div>
    13.     <div id="nav"></div>
    14.     <div id="article">
    15.       <div id="section"></div>
    16.     </div>
    17.     <div id="silder"></div>
    18.     <div id="footer"></div>
    20.     <!-- html5新增了以下对应的语义页面布局标签 -->
    21.     <header></header>
    22.     <nav></nav>
    23.     <article>
    24.       <section></section>
    25.     </article>
    26.     <aside></aside>
    27.     <footer></footer>
    29.     <!-- 但由于html5新增的这些标签在不同的浏览器上有兼容问题，所以现在一般网站依旧是以div容器标签布局为主 -->
    30.   </body>
    32. </html>