HTML5新增块级元素

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

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

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

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

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

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

<footer>标签定义文档或节的页脚。应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等                                                  等。可以在一个文档中使用多个 <footer> 元素。联系信息应该位于  标签” style=”background:rgb(253,252,248); font-family:PingFangSC-Regular,Verdana,Arial,微软雅黑,宋体; margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9)” rel=”noopener noreferrer”><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.将常用的这些总结起来，也算是统一一种写法

今天的文章HTML5新增块级元素分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。