section

section

- 语法：

  ```

  <section></section>

  ```

- 作用：

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

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

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

- ```html

  <section>

   <h2> 标题一 </h2>

   <p> 内容区域 </p>

  </section>

  ```

### aside

- 语法

  ```

  <aside></aside>

  ```

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

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

### 新增其他标签

- 1、figure标签

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

  ```html

  <figure>

      被主体内容引用的，相对独立的内容块，如：图表、代码块、图片等

      <figcaption>定义figure的标题</figcaption>

      <img src="../img/5.jpg" alt="">

  </figure>

  ```

> 块级标记、自带间距

- 2、<mark>标签

  带有标记的文本

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

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

  ```html

  <mark></mark>

    mark {

              background-color: pink;

              color: red;

          }

  ```

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

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

  ```html

  <time>2020-8-13</time>

  <time datetime="2020-8-13">中秋节</time>

      datetime属性；日期时间，在time标签中设置日期时间

  ```

## 3、HTML5新标签对IE低版本浏览器的兼容处理

问题概述：IE8浏览器中还没有添加对HTML5新标签的支持，当在页面中使用HTML5新标签时，新标签不兼容

### 1）使用JavaScript新增元素的方法解决

```html

注意：使用javascript新增元素的方法解决，新增的出来的html5标签是行级元素，需要css把行内元素转为块

    //js创建html5标签

        document.createElement("header");

        document.createElement("nav");

        document.createElement("article");

        document.createElement("section");

        document.createElement("aside");

        document.createElement("footer");

    </script>

    最后在css样式中将新建的header元素转为块级元素

    header,

        nav,

        article,

        section,

        aside,

        footer {

            display: block;

        }

 

<header>我说头部信息</header>

```