HTML5新增的主体结构元素

section元素

作用： 定义文档中的节（section，区段），比如章节，页眉，页脚或文档中的其他部分。若无标题，不推荐使用section元素

<section>
   <h1>标题</h1>
   <p>主体</p>
</section>

article元素

作用： 定义外部的内容，外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本，或者是来自其他外部源内容。article是可以嵌套的，内层的内容在原则上需要与外层的内容相关联

例如某博客页面：

<article>
   <article>
      <header>
         <h1>博客标题1</h1>
      </header>
      <section>
         <h2>博客标题2</h2>
         <p>博客主体</p>
      </section>
   </article>
   <section>
      <h1>评论区</h1>
      <article>
         <header><h3>张三评论</h3></header>
         <p>青花瓷很漂亮</p>
      </article>
   </section>
</article>

article,section,div 的区别
div无任何语义，仅用作样式化或者脚本化的标签；
section有语义，适合一段主题性的内容；
article：表示的内容可以脱离上下文，可以作为完整的独立存在。

aside元素

作用： 一般用来表示网站当前页面或文章的附属信息部分，它可以包含与当前页面主要内容相关的广告，导航条，引用，侧边栏评论部分，以及其他区别与主要内容的部分。

<article>
   <h1>标题</h1>
   <p>主体</p>
   <aside>附属内容</aside>
</article>

<aside>
   <h2>...</h2>
   <ul>
      <li>...</li>
      <li>...</li>
   </ul>
</aside>

nav元素

作用： 将具有导航性质的连接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。

应用场合： 传统导航条 ；侧边导航条；页内导航条；翻页操作

time元素

作用： 用于定义时间或日期。在设置时间或日期时，只需要将该元素的属性datetime设为相应的时间或日期即可。
从结构上来看，更清晰明了的表明了日期时间，同时更方便搜索引擎更智能的生成搜索结果。pubdate属性表示时间是否为发布日期，是一个布尔值，该属性不仅可以用于time元素，还可以用于article元素

<p>
   <time datetime="2020-2-4">一篇文章的撰写时间是2020年2月4日</time>
   <time datetime="2020-2-10" pubdate>一篇文章的发布时间是2020年2月10日</time>
</p>