html5,article介绍与使用

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>

情景三

辅助内容

view sourceprint?
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>
posted @ 2013-10-08 09:05  天津SEO/WEB前端开发  阅读(1666)  评论(0)    收藏  举报

Powered by: 博客园 Copyright © 天津SEO 天津SEO