HTML5中和的区别

HTML5中 和

的区别

HTML5带出了一系列新元素，被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：

和

。
最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？

一、section元素

   从字面理解就是区块、部分的意思，相对于article元素更加广泛，每个区块都可以使用，比如页面里的导航菜单、文章正文、文章的评论等。

   1、section元素用于对网站或应用程序中页面上的内容进行分块，section元素的作用是对页面上的内容进行分块，或者说对文章进行分段，；

   2、一个section元素通常由内容及其标题组成。通常不推荐为那些没有标题的内容使用section元素，

   3、section元素并非一个普通的容器元素；当一个内容需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素；

   4、如果article、nav、aside元素都符合某条件，那么就不要用section元素定义；

   5、section元素中的内容可以单独存储到数据库中或输出到word文档中。

二、article元素

   article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容。除了内容部分，一个article元素通常有它自己的标题（一般放在一个header元素里面），有时还有自己的脚注。

   注：article元素是可以嵌套使用的，内层的内容在原则上需要与外层的内容相关联。例如，一篇博客文章中，针对该文章的评论就可以使用嵌套article元素的方式；用来呈现评论的article元素被包含在表示整体内容的article元素里面。

嵌套的代码如下：

　　

           
article元素使用方法
　　　
发表日期：2017/2/9
　　
　　
此标签里显示的是article整个文章的主要内容，，下面的section元素里是对该文章的评论
　　

           
评论
　　　    

                  

　　　　　　　　
发表者：Galin
　　　　　　　　
1小时前
　　　　　
  
　　　　　
这篇文章很不错啊，顶一下！
               
 
　　　　

                  
            
　　　　　　   
发表者：木木
                         
1小时前
　　　　　
　　　　    
这篇文章很不错啊，对article解释的很详细
  
　　　　
      

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h18219.shtml

  
Web Browsers
  
Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。

  

    
Google Chrome
    
Google Chrome 是由 Google 开发的一款免费的开源 web 浏览器，于 2008 年发布。
  

  

    
Internet Explorer
    
Internet Explorer 由微软开发的一款免费的 web 浏览器，发布于 1995 年。
  

  

    
Mozilla Firefox
    
Firefox 是一款来自 Mozilla 的免费开源 web 浏览器，发布于 2004 年。
  
 

定义和用法

标签规定文档的主要内容。 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。

注释：在一个文档中，不能出现一个以上的 元素。 元素不能是以下元素的后代：

、

、

、

或

。