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> |