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)當(dāng)只有一個標題的時候,這兩個元素不能一起使用,代碼如下:
<header>
<hgroup>
<hl>第三節(jié)</hl>
<p>正文部分...</p>
</hgroup>
</header>
在這種情況下,只能將hgroup元素移除,僅保留其標題元素即可。
<header>
<hi>第三節(jié)</hi>
<p>正文部分...</p>
</header>
(2)當(dāng)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元素。當(dāng)出現(xiàn)兩個或者兩個以上的標題元素時,適合用hgroup元素來包圍它們。當(dāng)一個標題有副標題或者其他的與section或者article有關(guān)的元 數(shù)據(jù)時,適合將hgraup和元數(shù)據(jù)放到一個單獨的header元素中。
點擊加載更多評論>>