标签：article

最新推荐文章于 2025-02-23 17:45:39 发布

转载最新推荐文章于 2025-02-23 17:45:39 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webu/archive/2013/05/12/3074325.html

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>

转载于:https://www.cnblogs.com/webu/archive/2013/05/12/3074325.html