HTML5新的非主體結(jié)構(gòu)元素 hgroup元素

header元素，通過hgroup元素也能實現(xiàn)。hgroup元素的目的是將不同層級的標題封裝成一組。通常會將h1-h6標題進行組合，譬如一個內(nèi)容區(qū)塊的標題及其子標題為一組。如果要定義一個頁面的大綱，使用hgroup非常合適，如定義文章的大綱層級。代碼如下：

<hgroup>

<hl>第三節(jié)</hl>

<h2>2.5hgroup元素</h2>

</hgroup>

在以下兩種情況下，header元素和hgroup元素不能一起使用。

(1)當只有一個標題的時候，這兩個元素不能一起使用，代碼如下:

<header>

<hgroup>

<hl>第三節(jié)</hl>

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

</hgroup>

</header>

在這種情況下，只能將hgroup元素移除，僅保留其標題元素即可。

<header>

<hi>第三節(jié)</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元素。當出現(xiàn)兩個或者兩個以上的標題元素時，適合用hgroup元素來包圍它們。當一個標題有副標題或者其他的與section或者article有關(guān)的元 數(shù)據(jù)時，適合將hgraup和元數(shù)據(jù)放到一個單獨的header元素中。