HTML5语义化结构标签(1

1.结构元素

Header元素

  一种具有引导和导航作用的结构元素,该元素可以包含所有通常放在页面头部的内容

基本格式:<header>

                  <h1>网页主题</h1>

               </header>

nav元素

  用于定义导航链接,可将具有导航性质的链接归纳在一个区域,是页面元素的予以更加明确,主要应用于传统导航条,侧边栏导航,页面导航,翻页导航

基本格式:<nav>

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

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

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

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

             </nav>

article元素

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

aside元素

  定义当前页面或文章的附属信息部分,如侧边栏,广告,导航条等有别于主要内容的部分

  两种用法:被包含在article元素内作为主要内容的附属信息.

                 在article元素之外使用,作为页面或站点全局的附属信息部分

section元素

  用于对网站或应用程序中页面上的内容进行分块，一个section元素 通常由内容和标题组成。

  注意:
         1.不要将section元素用作设置样式的页面容器,那是div的特性。section元素并非一个普通的容器元素，当一个容器需要被                直接定义样式或通过脚本定义行为时，推荐使用div。
         2.如果article元素 、aside元素或nav元素更符合使用条件，那么不要使用section元素。
         3.没有标题的内容区块不要使用section元素定义。

footer元素

  用于定义一个页面或区域的底部,可包含所有通常放在页面底部的内容

2.分组元素

figure和figcaption元素

  figure元素用于定义独立的流内容(图像、图表、照片、代码等等),一般指一个单独的单元。figure元素 的内容应该与主内容相关,但如果被删除,也不会对文档流产生影响

  figcaption元素用于为figure元素组添加标题,一个figure元素内最多允许使用一个figcaption元素,该元素应该放在figure元素的第一个或者最后一个子元素的位置

hgroup元素

  hgroup元索用于将多个标题(主标题和副标题或者子标题)组成一个标题组,通常它与h1~h6元素组合使用。通常,将hgroup元素放在header元素中
  注意
         ●如果只有一个标题元素不建议使用hgroup元素
         ●当出现一个或者一个以上的标题与元素时，推荐使用hgroup元素作为标题元素
         ●当一个标题包含副标题、section或者article元素时，建议将hgroup元素和标题相关元素存放到header元素容器中