html5--2.3新的布局元素(2)-article

学习要点

1. 了解article元素的语义和用法
2. 完成一个简单的实例

1. article元素（标签）

• 用于定义一个独立的内容区块，比如一篇文章，一篇博客，一个帖子，论坛的一段用户评论，一篇新闻消息等.
• article元素内可以嵌套其他元素，它可以有自己的头、尾、主体等内容。使用时要特别注意内容的独立性，一般对于独立完整的内容才使用article元素，如果只是一段内容的话应该使用section元素。

section元素（标签）

• 用来定义文章中的章节
• 用来定义文章中特定区块，可视为一个区域分组元素。
• section元素可以定义文档的主体内容，其内部可以包含article元素等内容。

article元素和section元素的区别 article元素更强调内容的独立性 section元素更强调内容的关联性

 

---

实例

 

 

1  2  3  4 
       5  6  7  8     
      
        9         
       
        10             
        
文章标题
11             
        
作者：***
12         
       
13         
       
我是正文
**************88888
14         
       
        15             
        
         
网友A的评论
        
16             
        
评论内容..............
17             
        
         
发布评论时间：2017/11/28
        
18         
       
19         
       
        20             
        
         
网友B的评论
        
21             
        
评论内容..............
22             
        
         
发布评论时间：2017/11/28
        
23         
       
24         
       
        25             
        
尾部：阅读：300：评论：80
26         
       
27     
      
28 29