html5 article标签与section,div section article的区别

　　块是从逻辑上划分HTML页面的单位。对于一个页面网站来说，导航菜单的每一部分，文章的正文，文章的评论等等。可以称为内容块。

　　article元素

　　Article元素表示文档、页面或应用程序中独立、完整的内容，可以由自身进行外部引用。它可以是博客或报纸文章、论坛帖子、用户评论或独立插件，或者任何其他独立内容。除了内容部分，article元素通常有自己的标题(通常放在header元素中)，有时还有自己的脚注。

　　文章页眉h1 Title /h1 p发布日期：Time PubDate= PubDate 2010/10/Time/p/如何使用页眉Particle/p页脚psmallproporty @ yiiyaa.net all rights Reserve/Samll/p/Footer/article注意：文章元素可以嵌套，内层内容原则上需要与外层内容关联。例如，在博客文章中，对文章的评论可以使用嵌套的文章元素；用于呈现评论的article元素包含在代表整体内容的article元素中。

　　嵌套代码如下：

　　Articleheader h1article元素用法/h1p发布日期：time PubDate= PubDate 2010/10/time/p/header此选项卡显示了整篇文章的主要内容，下面的section元素是对这篇文章的评论/p section H2 comment/H2 article header H3发布者：麦子/H3 ptime PubDate DateTime= 2016-6-14 1小时前/time/p/header p这篇文章很好，把它装满！/p /articlearticle header h3发布者：小倪/h3p time PubDate DateTime= 2016-6-14T:21-26:00 1小时前/time/p/headerp这篇文章很好，文章讲解很详细。/p /article /section/article示例内容分为几个部分。文章的标题放在header元素中，文章的正文放在header元素后的P元素中。然后section元素区分正文和注释(它是一个block元素，用来区分页面上的内容)。评论内容嵌入在section元素中，评论中每个人的评论都是相对独立完整的，所以为他们使用了一个article元素。在评论的文章元素中，可以分为标题和评论内容部分，分别放在header元素和p元素中。

　　1.section元素用于阻止网站或应用程序页面上的内容。section元素的作用是屏蔽页面上的内容，或者对文章进行分段。

　　2.section元素通常由内容及其标题组成。一般情况下，不建议对没有标题的内容使用section元素。

　　3.section元素不是普通的容器元素；当一个内容需要直接样式化或者其行为由脚本定义时，建议使用P而不是section元素；

　　4.如果article、nav、aside元素都满足一定的条件，那么就不要用section元素来定义；

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

　　H1 section element的/h1 title psection block的subject part/p/section h1 section html 5，可以包含页面的所有从属部分，如导航栏、菜单、版权声明等。在统一的页面中，从而使用CSS样式进行装饰。最后，关于使用section元素的禁忌总结如下：

　　1)不要使用section元素作为设置样式的页面容器，那是P元素的工作。

　　2)如果article元素、aside元素或nav元素更符合使用条件，就不要使用section元素。

　　3)不要对没有标题的内容块使用section元素。

　　三、两者的区别：

　　说了这么多，两者有什么区别？其实在HTML5中，article元素可以看作是section元素的一种特殊类型，比section元素更强调独立性。即section元素强调分段或分块，而article强调独立。具体来说，如果一段内容相对独立完整，就要用文章元素，但是如果要把一段内容分成几个段落，就要用section元素。另外，在HTML5中，P元素变成了一种容器。当使用CSS样式时，一般的CSS样式可以应用于该容器。

　　总结

　　以上是边肖介绍的HTML5中文章和小节的区别。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对网站的支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。