HTML5新的非主体结构元素 hgroup元素

header元素，通过hgroup元素也能实现。hgroup元素的目的是将不同层级的标题封装成一组。通常会将h1-h6标题进行组合，譬如一个内容区块的标题及其子标题为一组。如果要定义一个页面的大纲，使用hgroup非常合适，如定义文章的大纲层级。代码如下：

<hgroup>

<hl>第三节</hl>

<h2>2.5hgroup元素</h2>

</hgroup>

在以下两种情况下，header元素和hgroup元素不能一起使用。

(1)当只有一个标题的时候，这两个元素不能一起使用，代码如下:

<header>

<hgroup>

<hl>第三节</hl>

<p>正文部分...</p>

</hgroup>

</header>

在这种情况下，只能将hgroup元素移除，仅保留其标题元素即可。

<header>

<hi>第三节</hi> 

<p>正文部分...</p> 

</header>

(2)当header元素的子元素只有hgroup元素的时候，这两个元素不能一起使用，代码如下:

<header>

<hgroup>

<hl>HTML5 hgroup元素</hl>

<h2>hgroup元素使用方法</h2>

</hgroup>

</header>

在上面的代码中，header元素的子元素只有hgroup元素，这时并没有其他的元素放到header中, 就可以直接将header元素去掉：代码如下：

<hgroup>

<hl>HTML5 hgroup元素</hl> 

<h2>hgroup元素使用方法</h2> 

</hgroup>

    综上所述，如果只有一个标题元素，并不需要hgroup元素。当出现两个或者两个以上的标题元素时，适合用hgroup元素来包围它们。当一个标题有副标题或者其他的与section或者article有关的元 数据时，适合将hgraup和元数据放到一个单独的header元素中。