web 前端

section

• 语法：

  <section></section>

• 作用：

  • 定义文档中的节（页面中内容的区段、文章中的章节）。

• 典型应用：文章中的章节

• 一个section元素通常由内容及标题组成

• <section>
   <h2> 标题一 </h2>
   <p> 内容区域 </p>
  </section>

aside

• 语法

  <aside></aside>

• 语义：定义当前页面或文章的附属信息部分

• 典型应用：侧边栏、标注框、广告等

新增其他标签

• 1、figure标签

  • figcaption标签，在一个figure标签中只能有一个figcaption标签,一般用于图文

  <figure>
      被主体内容引用的，相对独立的内容块，如：图表、代码块、图片等
      <figcaption>定义figure的标题</figcaption>
      <img src="../img/5.jpg" alt="">
  </figure>

块级标记、自带间距

• 2、<mark>标签

  带有标记的文本

  • 表示页面中突出显示的、高亮的部分，目的吸引用户注意

  • 行级标记；默认自带背景颜色（黄色），自带文字颜色（黑色），可修改

  <mark></mark>
    mark {
              background-color: pink;
              color: red;
          }

• 3、<time>日期时间标签

  • 公历日期时间，行级标记

  <time>2020-8-13</time>
  <time datetime="2020-8-13">中秋节</time>
      datetime属性；日期时间，在time标签中设置日期时间