标签: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 >作者:kspig</ p > |
08 |
< p >文章编写时间:2012年4月</ p > |
09 |
</ article > |
10 |
</ aside > |
11 |
</ body > |