设计前，考虑一下你的网页上需要有什么？

在HTML5页面的设计中，页面一般包含以下几个区域

1、一个Header区

2、一个Navigation区

3、一个包含了三个Section区和一个Aside区的Article区

4、一个Footer区。

Haeder区： （页面标题和副标题）

Header区的例子包含了页面标题和副标题，< header>标签被用来创建页面的Header区的内容，除了网页本身之外，< header>标签还可以包含关于< section>和< article>的公开信息，这里创建的网页有该页面的一个Header区，这在高层设计中有给出，以及一个位于Article和Section区内部的Header区。

示例1,< header>标签的例子 （把下面代码复制到文本文档中，把后缀名改为首页,HTML）

Navigation区 （导航区）

< nav>标签来创建页面的Navigation区，< nav>元素定义了一个专门用于导航的区域，< nav>标签应该用做主站点的导航，而不是用来放置被包含在页面的其他区域中的链接。

示例二：（把下面代码复制到文本文档中，把后缀名改为nav,HTML）

Article和Section区：（存储了页面的实质内容）

< section>标签也可以包含< article>标签，就像< article>标签可以包含< section>标签一样，< section>标签应该用来分组相类似的信息，而< article>标签则应该是用来放置诸如一篇文章或是博客一类的信息，这些内容可在不影响内容含义的情况下被删除或是被放置到新的上下文中。

示例三：（把下面代码复制到文本文档中，把后缀名改为article,HTML）

Footer区：

元素包含了与页面、文章或是部分内容有关的信息，比如说文章的作者或是日期，作为页面的页脚，其有可能包含了版权或是其他重要的法律信息

示例四：（把下面代码复制到文本文档中，把后缀名改为footer,HTML）