HTML5语义化标签

下面分别是他们的标签名、描述和用法：
①<header>：表示页面中一个内容区块或整个页面的标题
header元素是一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。其基本语法格式如下：
<header>
<h1>网页主体</h1>
…
</header>
②<section>：页面中的一个内容区块，比如章节、页眉、页脚或页面的其他部分，可以和h1、h2…等元素结合起来使用，表示文档结构
section元素用于对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成。在使用section元素时，需要注意以下3点：

• 不要将section元素用作设置样式的页面容器，那是div的特性。section元素并非一个普通的容器元素，当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div。

• 如果article元素、aside元素或nav元素更符合使用条件，那么不要使用section元素。

• 没有标题的内容区块不要使用section元素定义。

  ③<article>：表示页面中一块与上下文相关的独立内容，比如一篇文章
  article元素代表文档、页面或者应用程序中与上下文不相关的独立部分，该元素经常被用于定义一篇日志、一条新闻或用户评论等。article元素通常使用多个section元素进行划分，一个页面中article元素可以出现多次。
  ④<aside>：表示<article>标签素内容之外的，与<article>标签内容相关的辅助信息，可用作文章的侧栏。
  aside元素用于定义当前页面或者文章的附属信息部分，它可以包含于当前页面或主要内容相关的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分。
  aside元素的用法主要分为两种：

• 被包含在article元素内作为主要内容的附属信息。

• 在article元素之外使用，作为页面或站点全局的附属信息部分。
  ⑤<hgroup>:表示对整个页面中的一个内容区块的标题进行组合。
  hgroup元素用于将多个标题（主标题和副标题或者子标题）组成一个标题组，通常它与h1-h6元素组合使用。通常，将hgroup元素放在header元素中。
  在使用hgroup元素时要注意以下几点：

• 如果只有一个标题元素不建议使用hgroup元素。

• 当出现一个或者一个以上的标题与元素时，推荐使用hgroup元素作为标题元素。

• 当一个标题包含副标题、section或者article元素时，建议将hgroup元素和标题相关元素存放到header元素容器中。

  ⑥<figure>:表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元
  figure元素用于定义独立的流内容(图像、图表、照片、代码等等),一般指一个单独的单元。figure元素的内容应该与主内容相关，但如果被删除，也不会对文档流产生影响。
  ⑦<figcaption>:定义<figure>标签的标题
  figcaption元素用于为figure元素组添加标题，一个figure元素内最大允许使用一个figcaption元素，该元素应该放在figure元素的第一个或者最后一个子元素的位置。
  ⑧<nav>:表示页面中导航链接的部分
  nav元素用于定义导航链接，是HTML5新增的元素，该元素可以将具有导航性质的链接归纳在一个区域中，使页面元素的定义更加明确，主要应用于传统导航条，侧边栏导航，页内导航，翻页导航。
  ⑨<footer>:表示整个页面或页面中一个内容区块的脚注。一般来说，它会包括创作者的姓名、创作日期以及创作者的联系信息。
  footer元素用于定义一个页面或者区域的底部，它可以包含所有通常放在页面底部的内容。在HTML5出现之前，一般使用

  标记来定义页面底部，而通过HTML5的footer元素可以轻松实现。