您的位置：首页 > Web前端 > HTML5

html5,article介绍与使用

2013-10-08 09:05 330 查看

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
>


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航