div\section\article标签的区别：

1.div
这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义，用作布局以及样式化标签。
2.section
与div相似，但它有更进一步的语义。section用作一段有专题性的内容，一般在它里面会带有标题。section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。

<section>
　　　　<h1>section元素的</h1>标题
　　　　<p>section区块的主题部分</p>
</section>

3.article
article是一个特殊的section标签，它比section具有更明确的语义, 它代表一个独立的、完整的相关内容块。

<article>
      <header>         
　　　　<h1>标题</h1>
           <p>发表日期：<time pubdate="pubdate">2010/10/10</time></p>
　　</header>
　　<p>article的使用方法</p>   
　　<footer>
            <p><small>Copyright @ yiiyaa.net All Rights Reserverd</samll></p>
　　</footer>
</article>

4.区别
div、section、article，语义是从无到有，逐渐增强的。div无任何语义，仅仅用作样式化或者脚本化的标签，对于一段主题性的内容，则就适用section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。 原则上来说，能使用article的时候，也是可以使用section的，但是实际上，假如使用article更合适，那么就不要使用section。

5.关于section元素的使用禁忌

不要将section元素用作设置样式的页面容器，那是div元素的工作；

如果article元素、aside元素或nav元素更符合使用条件，不要使用section元素；

不要为没有标题的内容区块使用section元素。

作者：hanyuntao
链接：https://www.jianshu.com/p/b818ceeedd13
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。