Header部分

　　在header部分中，我们可以放置相关的标题或者图片，以标识出页面的首部结构，注意在HTML5中，一个页面中可以有多个header，我们现在详细将header部分进行编写，如下代码：

　　在header部分中，首先有一个小的div层，定义为bar的css样式(其值详细见style.css文件中的定义)。接下来的为HTML5新定义的元素，hgroup一般被用作将一个或者更多的h1到h6的元素群组放置在一起，它最适合于做比如正副标题的组合，这里<h1>中为主标题，<h2>中为副标题。

　　<nav>是HTML5新增加的标签，它的作用可以在里面存放一些站点中常用的导航链接，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好根据W3C的规定，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进<nav>元素;例如，在页脚中通常会有一组链接，包括服务条款、首页、版权声明等;这时使用<footer>元素是最恰当的，而不需要元素。这里，<nav>中，同样可以使用传统的〈ul>和<li>和元素。

　　而在我们的例子中，在页面的右侧部分，同样也会有使用的部分，如下图所示：
 

▲

　　接下来，我们讲解下其中HTML5的一个标签〈aside>，这个标签曾经经历了两次修订(尽管有可能还不是最后的版本)，它的主要功能上文中已经有提及，当它放在中时，的内容应该是跟标签不在标签中时，的内容应该与当前页面的内容有一定的相关性，例子如下;

　　主要内容部分的设计

　　接下来，我们开始页面主要部分内容的设计，即<div id=“content”>部分的实际内容。我们再次细化后的框架代码如下：

　　在这里，我们把文章区域(包括正文及评论都看作一为article标签元素中的内容)。根据W3C的规定，article标签中的内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本或是来自其他外部源内容。

　　先来看正文部分中的header部分，代码如下：