结构元素

1.header元素

header元素包含所有通常放在页面头部的内容。

<header>

    <h1>网页主题<h1>

    ......

</header>

注意：header元素并非head元素，在HTML网页中，并不限制header元素的个数，一个网页中可以使用多个header元素，也可以为每一个内容块添加header元素。

 

2.nav元素

nav元素代表页面的导航链接区域，用于定义页面的主要导航部分。

<nav>

    <ul>

        <li><a href="#">首页</li>

        <li><a href="#">公司概况</li>

        <li><a href="#">产品展示</li>

        <li><a href="#">联系我们</li>

    </ul>

</nav>

一般来说nav可用于以下几个场面：

传统导航条：目前主流网站上都有不同层级的导航条，其作用是跳转到网站的其他主页面。

侧边栏导航：目前主流博客网站及电商网站都有侧边栏导航，目的是将当前文章或当前商品页面跳转到其他文章或其他商品页面。

页内导航：它的作用是在本页面几个主要的组成部分之间进行跳转。

翻页操作：翻页操作切换的是网页的内容部分，可以通过单击“上一页”或“下一页”切换，也可以通过单击实际的页数跳转到某一页。

需要主要的是，并不是所有的链接组都要被放进nav元素，只需要将主要的和基本的链接放进nav元素即可。

 

3.section元素

section元素用于对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成。在使用section元素时，需要注意以下3点。

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

（2）如果article元素.aside元素或nav元素更符合使用条件，那么不要使用section元素。

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

 

 

4.article元素

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

值得一提的是，在HTML5中，article元素可以看作是一种特殊的section元素，它比section元素更具有独立性，即section元素强调分段或分块，而article元素强调独立性。如果一块内容相对来说比较独立.完整时，应该使用article元素；但是如果想要将一块内容分成多段时，应该使用section元素。

 

5.aside元素

aside元素用来定义当前页面或者文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用.侧边栏.广告.导航条等娶她类似的有别于主要内容的部分。

aside元素的用法主要分为两种。

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

（2）在article元素之外使用，作为页面或站点全局的附属信息部分。最常用的使用形式是侧边栏，其中的内容可以是友谊链接.广告单元等。

 

6.footer元素

footer元素用于定义一个页面或者区域的底部，它可以包含所有通常放在页面底部的内容。在HTML5出现之前，一般使用<div id="footer"></div>标记来定义页面底部，而通过HTML5的footer元素可以轻松实现。

与header元素相同，一个页面中可以包含多个footer元素。同时，也可以在article元素或者section元素中添加footer元素。