article
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>作者：天津SEO</p>
|
08
|
<p>文章编写时间：2013年8月</p>
|
09
|
</article>
|
10
|
</aside>
|
11
|
</body>
|