日期：2013-3-20 来源：GBin1.com
HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：<article>和<section>。
最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？
相关教程: GBin1专题之HTML5教程
Section元素
这 是一个最容易产生歧义的元素。它与<div>元素有什么区别？我们一直在用<div>来划分段落，所以除 了<div>,我们什么时候使用这个元素。我们引用官方文档来阐述它。根据WHATWG文档，对<section>元素做了以下 描述：
“<section>元素表示了一篇文档或应用中，通用段落 - WHATWG”
从描述中我们可以看出<section>元素的作用就是分段，或多或少类似于<div>。但是它仍有一个特例。在文档中，加入了一段特别声明：
“当一个元素仅用于风格样式或是为了脚本的方便，我们鼓励作者使用<div>。<section>元素适用于，当元素的内容需要明确的列出时。- WHATWG”
基于这一点，我们可以总结以下两点：
第一，尽管section元素在技术上是可以设计样式的，但是当有复杂的样式或脚本时，我们仍建议使用div元素。
第二，类似于<li>元素，section元素是用来列举内容的。
因此在现实例子中，使用<section>元素的原因是结构化的列出博客的内容，代码如下：
..............
总结
如万维网的创始人和W3C的董事所预测的那般，所有HTML5创造出来的新元素都是为了是网络结构更加语义化。如何正确的应用这些元素在网络开发者和设计者之间，仍存有争论。
无论如何，不要混淆观点。如我之前提出的，只要是合理的情况，且你看到使用了它使得结构变得意义非凡，那么请用它。
相关阅读：HTML5/CSS3系列教程：HTML5 区域(Sectioning)的重要性
via 极客社区