NO.20 HTML 5 新页面结构元素

在html 5中添加了新的页面结构元素,它们具有强烈的语义化,为开发者带来了便利。

描述

1.<header>定义文档的页眉(或文本部分区域的页眉),应作为介绍内容或导航链接栏的容器。
  在一个文档中,可以定义多个<header>,但它不能作为<adress> <footer> <header>的子元素。

2.<nav>描述一个含有多个超链接的区域,该区域包括链接到各种页面的链接列表。一个文档中可定义多个<nav>。

3.<main>定义文档的主要内容,该内容在文档中应该是独一无二的,不包括任何在文档中重复的内容。
 比如,侧边栏,网站信息,logo,搜索框(除非搜索框是文档的主要内容).一个文档中不能定义多个<main>。

4.<article>表示文档,页面,应用或网站中的独立结构,是可独立分配的,可复用的结构.
  当<article>需要嵌套使用时,则表示该元素与外层元素有某种相关性。

5.<aside>表示一个与其他页面完全无关的部分,被认为是独立于该内容的一部分,且可以被单独拆分出来而不影响整体.通常表现为侧边栏或嵌入内容。

6.<footer>定义最近一个章节内容(或者根节点元素)的页脚。
  一个页脚通常包含该章节作者,版权数据或者文档相关的链接等信息,应在<footer>内嵌套使用<address>.注意,<footer>或者<header>。

7.<section>表示文档中的一个区域,比如内容中的一个专题组。
  如果内容可以分成几个部分的话,应该使用<arcticle>而不是<section>.不要把<section>当作一个普通的容器来使用。