article 字面意思为“文章”。在web页面中表现为独立的内容，如一篇新闻，一篇评论，一段名言，一段联系方式。这其中包括两方面，一为整个页面的主旨内容，另外就是一些辅助内容。
article可以嵌套，即article里面还可以包含article，此时内article应该跟外article有一定的关联性，如同情景二，其中主内容的评论。
1 |
<article id="demo"> |
2 |
<h1>内容标题（选用）</h1> |
3 |
<p>内容</p> |
4 |
</article> |
article既然是独立的内容，那么内容的主题是必不可少，标题则为选用内容。
情景一
整个页面的主旨内容
01 |
<!doctype html> |
02 |
<title>html5站案例</title> |
03 |
<body> |
04 |
<article> |
05 |
<h1></h1> |
06 |
<p>主内容</p> |
07 |
</article> |
08 |
<aside> |
09 |
侧边内容 |
10 |
</aside> |
11 |
</body> |
情景二
内容的评论
01 |
<!doctype html> |
02 |
<title>html5站案例</title> |
03 |
<body> |
04 |
<article> |
05 |
主内容省略.... |
06 |
<section> |
07 |
<h1>评论</h1> |
08 |
<ul> |
09 |
<li> |
10 |
<article>评论1</article> |
11 |
</li> |
12 |
<li> |
13 |
<article>评论2</article> |
14 |
</li> |
15 |
</ul> |
16 |
</section> |
17 |
</article> |
18 |
<aside> |
19 |
侧边内容 |
20 |
</aside> |
21 |
</body> |
情景三
辅助内容
01 |
<!doctype html> |
02 |
<title>html5站案例</title> |
03 |
<body> |
04 |
主内容省略... |
05 |
<aside> |
06 |
<article> |
07 |
<p>作者：kspig</p> |
08 |
<p>文章编写时间：2012年4月</p> |
09 |
</article> |
10 |
</aside> |
11 |
</body> |