HTML5新增块级元素

1.新增块级元素(header、section、footer、aside、nav、main、article、figure)与div的区别是什么？

从功能上说，可以说没有区别，新增的元素全都可以用div来代替。

可以用<div class="header"></div>来代替<header></header> ，其他的与之类似。

2.新增元素的含义是什么？

<header>标签定义文档的页眉（介绍信息）。

<section>标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

<footer>标签定义文档或节的页脚。应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等                                                  等。可以在一个文档中使用多个 <footer> 元素。联系信息应该位于 <address> 标签中。

<aside>标签定义其所处内容之外的内容。其内容应该与附近的内容相关。可做侧栏。

<nav>标签定义导航链接的部分。

<main>标签规定文档的主要内容。其元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、                                      版权信息、站点标志或搜索表单。在一个文档中，不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代：                                          <article>、<aside>、<footer>、<header> 或 <nav>。

<article>标签规定独立的自包含内容。元素的潜在来源：论坛帖子、报纸文章、博客条目、用户评论。

<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。

3.为什么要新增这些功能重复的元素？

知乎上有关于这个问题的讨论 https://www.zhihu.com/question/27102634

总结起来应该是：

1.标签化语义，HTML5的新特性其中一个就是语义化

2.使H5使用更简单

3.方便搜索引擎识别内容

4.将常用的这些总结起来，也算是统一一种写法