响应式web设计学习日志1.0—HTML5中div、section、article之间的具体区别

 最近博主开始挖坑web，因此记下学习过程中的一些心得笔记，希望能对遇到同样问题的道友们有所帮助。关于在HTML5中我们会用到div、section、article等标签进行布局划分。但是三者缺有相对应的使用环境和特点。div：本身没有任何语义，单纯用作布局呵和样式化。section：类似于带语义的div，section表示一段专题性的内容，一般带有标题。section应用于文章的章节、标签对话框中的标签页、或者论文当中有编号的部分。一般网站的主页结构为简介、新闻和联系信息等部分。section不仅仅是一个容器标签，当元素内容明确出现在文档大纲中的时候section就是适用的。article：比section具有明确的语义，代表一个独立的、完整的相关内容块，无论是从结构还是内容上来说，article本身就是独立的、完整的。当article内嵌article时，原则上来说，内部的article的内容是和外层的article内容相关的。例如一篇博客文章中，包含用户提交的评论的article就应该嵌套在包含博客文章的article中间。

总之，div---section----article，语义从无到有逐渐增强。对一段主题性的内容选择section，当内容还可以独立于上下文成为一个独立的整体存在时就使用article。当能使用article时也可以使用section，但实际上使用article更合适就不要使用section。