div和section和article的区别

首先来看定义：

1. div：本身没有任何语义，用作布局以及样式化或脚本的钩子(hook)。
2. section：标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
   语义性越来越强：div < section < article
   区别：

• div：作为布局以及样式化时使用。
• section：表示文档中的节，一般是具有标题的。
  比如：文档大纲、文档章节、博客条目、用户评论部分或者论文中有编号的部分时使用；
  通常会带有标题。如果没有标题，那么就不推荐使用section

        <section>
            <h2>文章章节标题</h2>
            <p>文章章节段落内容</p>
        </section>

• article：表示独立的自包含内容，如：一篇文章。文章找那个可以包含标题、内容、脚注

      <article>
            <header>
                <h1>文章标题</h1>
                <p>写作时间 作者信息</p>
            </header>
            <section>
                <p>文章正文</p>
            </section>
            <footer>
                <p>注脚：法律信息神马的</p>
            </footer>
        </article>

装载自这个博客：COM三叔