HTML5新标签

html5新增特点：语义特性，本地存储特性，设备兼容性，连接特性，网络多媒体特性等等。

为什么要语义化的标签，

1.代码结构清晰，方便阅读，利于团队开发

2.方便其他设备解析以语义的方式来渲染网页

3.有利于优化搜索引擎

1.<header></header>

header定义为文档的页眉，通常是一些引导和导航信息，通常<header>标签至少但不局限与一个标签，还可以包含内容、标识、搜索表单、<nav>导航

2.<nav></nav>

语义为页面的导航栏，对于屏幕阅读器等设备支持更好。

3.<main></main>

一个文档中只能有一个main，<main> 元素不能是以下元素的后代：<article>、<aside>、<footer>、<header> 或 <nav>。

4.<article></article>

比section具有更明确的语义，他代表一个独立的，完整的相关内容块，也可以嵌套header、footer、article，

5.<section>

<setion>定义了文档的章节，本义是区块

6.<aside></aside>

用来装与非正文内容，被视为单独的一部分 ，被删除时不会影响到正文内容。

7.<footer></footer>

语义页脚，用法与header一样。

8.<figure></figure>  <figcaption></figcaption>

figure用于对元素进行组合，一般用于图文组合。

<figcation>是figure的子元素，对figure内容说明

<figure>
        <img src="路径" alt="" />
        <figcaption>这是一个图片</figcaption>
   </figure>