大家都知道,H5最大的特点就是标签语义化,可以使我们和浏览器更好的理解结构与阅读,section和article就是两只新的语义化标签。这两个标签的使用结构就是都有标题和内容主体,那么如何在使用过程中区分它们呢?下面就说一下我自己的小见解。
我们在阅读一本书籍的时候,通常在目录检索中看到以下结构,如下:
第一章
第一节
第二节
第三节
第二章
第二节
第三节
第三章
第四章
从上面的目录结构中可以看出,第一章和第二章中有小节,第三章和第四章为单独的一片文章。大章节中的小节为该章节的小分支,虽然有完整的文章结构,但却不能单独成文,但是有了小章节的构成,却可以充实并且结构化大章节的主体;有的章节(如:第三章和第四章)就只有单独的主体,不需要小节分章补充,独立成文。其实这就是article和section的结构用法,每个article标签为一大章节,可以单独使用却互不干涉,独立成文;而大章节里的小章节就是section,虽然有明确的标题和正文却是附属在大章节--article正文内,不能独立成文。
总结一点,最主要的就是从属关系,section不能独立出现,它的出现必定是在article下!
以上内容仅仅是个人观点,有建议和批评请您留言不吝赐教!
时间: 2024-10-10 19:53:06