H5中section和article标签之间的区别

      大家都知道,H5最大的特点就是标签语义化,可以使我们和浏览器更好的理解结构与阅读,section和article就是两只新的语义化标签。这两个标签都是来写文章时使用的(如:博客文章),其使用的结构大致都是标题和内容主体,那么如何在使用过程中区分它们呢?下面就说一下我自己的小见解。

     我们在阅读一本书籍的时候,通常在目录检索中看到以下结构,如下:

第一章

  第一节

  第二节

  第三节

第二章

  第二节

  第三节

第三章

第四章

      从上面的目录结构中可以看出,第一章和第二章中有小节,第三章和第四章为单独的一片文章。大章节中有清晰的头尾衔接,中间有小章节为该章节做内容填充并且更加结构化便于读者阅读,每个大章节独立成文互不干扰;有的章节(如:第三章和第四章)就只有单独的主体,简单的标题和内容主体,独立成文。其实这就是article和section的结构用法,每个article标签为一大章节,可以单独使用却互不干涉,独立成文;而大章节里的小章节就是section,虽然有明确的标题和正文却是附属在大章节--article正文内,不能独立成文。

      总结一点,最主要的就是从属关系,section不能独立出现,它的出现必定是在article下!

      以上内容仅仅是个人观点,有建议和批评请您留言不吝赐教!

原文地址:https://www.cnblogs.com/web-cxn/p/5473223.html