zoukankan      html  css  js  c++  java
  • H5中section和article标签之间的区别

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

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

    第一章

      第一节

      第二节

      第三节

    第二章

      第二节

      第三节

    第三章

    第四章

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

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

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

  • 相关阅读:
    java不解压tar.gz读取包里面的某个文件内容或读取远程zip包中的文件内容
    java调用hadoop api
    httpclient读取https请求的数据
    使用svgo压缩图片
    重试机制
    java利用zip解压slpk文件
    mysql查询时特殊字符转译
    *.vue文件的template标签内使用form标签
    canvas.addEventListener()
    addEventListener(event, function, useCapture) 简记
  • 原文地址:https://www.cnblogs.com/web-cxn/p/5473223.html
Copyright © 2011-2022 走看看