HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML5中div section article的区别大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
  HTML5中新增了<header>、<footer>、<nav>、<section>、<article>、<aside>、<figure>多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能,很容易混淆。
  

HTML5中div section article的区别

   div(分区division)
  这个标签是我们见得最多、用得最多的一个标签,以至于Div+CSS成了HTML网页设计的标准。本身没有任何语义,用作布局以及样式化或脚本的钩子。
  HTML Spec:The div element has no special meaning at all.

   section(章节)
  简单地说section就是带有语义的div,<div class="section"></div>相当于<section id=""></section>。
  section表示一段专题性的内容,一般会带有标题。当一个标签只是为了样式化或者方便脚本使用时,应该使用div。一般来说,当元素内容明确地出现在文档大纲、文章章节、博客条目、@L_616_15@评论部分或者论文中有编号的部分时,section就是适用的。

   article文章
  article是一个特殊的section标签,它比section具有更明确的语义,它代表一个独立的、完整的相关内容块。
     article代表的内容可以被外部引用。例如:博客中的一篇文章,论坛中的一个帖子或者一段浏览者的评论等。如果元素的内容集中到一起显示可以表达相对独立完整的意思,那就可以定义成article。
  nav和aside的使用也是如此,这两个标签也是特殊的section。
@H_502_48@

大佬总结

以上是大佬教程为你收集整理的HTML5中div section article的区别全部内容,希望文章能够帮你解决HTML5中div section article的区别所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。