header元素的用法：

下面根据一幅图来具体看看header元素的使用方法：

黑色线框所包裹的就是我们的网页，在网页里面有一个网页标题，在网页标题下面是我们的文章标题和正文内容区域，在这幅图里面我们就可以给我们的网页标题和文章标题都使用header元素。

下面就一起来演示下：

Header元素效果演示图：

在HTML5中，一个header元素至少可以包含一个heading元素（h1-h6），也可以包括我们下节课将要学习的hgroup元素，还可以包括其他的元素，在新的W3C HTML5标准，我们还可以把NAV元素包括进去。

下面我们就来实现上图中header案例：

最终效果演示图：

推荐教程：《html视频教程》