HTML笔记-＜header＞、＜article＞、＜section＞、＜footer＞

以前

<div class="header">
    <div class="nav">
        <h4>一个无序列表：</h4>
        <ul>        
            <li>咖啡</li>
            <li>茶</li>
            <li>牛奶</li>
        </ul>
    </div>
</div>
<div class="article">
    <h1>article</h1>
    <!--section:文档某个区域，解释什么是 111 ：-->
    <div class="section">
      <h2>111</h2>
      <p>111 is....</p>
    </div>
  </div> 
<div class="aside">
<h4> article 以外,与article相关内容</h4>
<p> this is ....</p>
</div> 
<div class="footer">页脚</div>

现在

<header>
    <nav>
    <h4>一个无序列表：</h4>
        <ul>
           <li>咖啡</li>
           <li>茶</li>
           <li>牛奶</li>
 
         </ul>
    </nav>
</header>
<article>
<h1>article</h1>
    <section>
       <h2>111</h2>
       <p>111 is....</p>
    </section>
    <section>....</section>
</article>
<aside>
    <h4> article 以外,与article相关内容</h4>
    <p> this is ....</p>
</aside>
<footer>页脚</footer>