结构元素

文档结构元素

定义：****header**元素是一种具有引导和导航作用的结构元素，该元素通常包含所有可以放在头部的内容。header 元素通常用来放置整个页面或页面内的的一个内容区块级标题，例如包含网站logo图片导航栏标题，字符编码，元信息元素等等。
举例：在这里插入代码片`

``` 一个网页可以使用多个Header元素，也可以为每一个内容块添加header元素。 **nav元素** 定义及功能:nav元素用于定义导航链接，是html 5的新增元素。该元素可以**将具有到导航性质的链接归纳在一个区域中，**使页面元素的定义更加明确。 用法： nav元素通常用于以下场合中： 1.传统导航条 2.侧边栏导航 3.页内导航 4.翻页操作 举例：

<nav>
  <ul>
  <li><a href="#">首页</a></li>
  <li><a href="#">公司概况</a></li>
  <li><a href="#">产品展示</a></li>
  <li><a href="#">联系我们</a></li>
   </ul>
  </nav>

article元素
定义及功能：article元素代表文档、页面或者应用程序中与上下文不相关的独立部分，该元素经常被用于定义一篇日志、一条新闻或用户评论等。article元素通常使用多个section元素进行划分，一个页面中article元素可以出现多次。
举例：

<article>
<header><h2>第一章</h2></header>
<section>
<header><h2>第一节</h2></header>
</section>
</article>

aside元素
定义：aside元素用来定义当前页面或者文章的复数信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条的呢个其他类似的有别于主要内容的部分。
aside元素主要用法分为两种：
被包含在article元素内作为主要内容大的附属信息。
在article元素之外使用，作为页面或者站点全局的附属信息部分。最常用的形式使侧边栏，其中的内容可以友情链接、广告单元。

<article>
<header><h2>标题</h2></header>
<section>文章主要内容</section>
<aside>其他相关内容</aside>
</article>
<aside>右侧菜单</aside>

section元素
section元素用于对网站或应用程序中页面上的内容进行分块，一个ssection元素通常由内容和标题组成。在使用section元素时，需要注意以下三点：
不要将section元素作用设置样式的页面容器，那是div的特性。
2.如果article元素、aside元素或nav元素更符合使用条件，南无不要使用section元素。
3.没有标题的内容区块不要使用section元素定义。

<article>
<header><h2>标题</h2></header>
<section>文章主要内容</section>

注意：在html5中，article元素可以看作是一种特殊的section元素，它比section元素更具有独立即section元素强调独立性。如果一块内容相对于来说比较独立、完整时，应该使用article元素；但是如果想要将一块内容分成多段时，应该使用section元素。
footer元素
footer元素用于定义一个页面或者区域的底部，它可以包含所有通常放在页面底部的内容。与header元素相同，一个页面中可以包含多个footer元素。同时，也可以在article元素或者section元素中添加footer元素.

<article>
文章内容
	<footer>
文章分页列表
	</footer>
<article>
<footer>
页面底部
</footer>