HTML5中的hgroup有什么用

小編給大家分享一下HTML5中的hgroup有什么用，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

<hgroup> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。

HTML5中hgroup標(biāo)簽的作用如下：

<hgroup> 標(biāo)簽用于對(duì)網(wǎng)頁(yè)或區(qū)段（section）的標(biāo)題進(jìn)行組合。

<hgroup> 標(biāo)簽用于對(duì)網(wǎng)頁(yè)或區(qū)段的標(biāo)題元素（h2-h7）進(jìn)行組合（DOM接口、可設(shè)置屬性）。

例如，在一個(gè)區(qū)段中你有連續(xù)的h系列的標(biāo)簽元素，則可以用hgroup將他們括起來(lái)。

HTML5中hgroup標(biāo)簽的寫法如下：

使用 <hgroup> 標(biāo)簽對(duì)網(wǎng)頁(yè)或區(qū)段（section）的標(biāo)題進(jìn)行組合。

<hgroup>
<h2>Welcome to my WWF</h2>
<h3>For a living planet</h3>
</hgroup>
<p>The rest of the content...</p>

使用hgroup標(biāo)簽顯示標(biāo)題組 ：

<hgroup>
<h4>這是一個(gè)列表</h4>
<h4>這是一個(gè)列表</h4>
<h4>這是一個(gè)列表</h4>
<h4>這是一個(gè)列表</h4>
<h4>這是一個(gè)列表</h4>
</hgroup>

什么是hgroup元素：

hgroup元素是將標(biāo)題和他的子標(biāo)題進(jìn)行分組的元素。hgroup元素一般會(huì)把h2-h7的元素進(jìn)行分組，比如在一個(gè)內(nèi)容區(qū)塊的標(biāo)題和他的子標(biāo)題算是一組。通常情況下，文章只有一個(gè)主標(biāo)題時(shí)，是不需要hgroup元素的。

hgroup元素的具體用法：

下面我們就在開發(fā)環(huán)境中進(jìn)行詳細(xì)的演示：

<article>
<header>
<h2>文章標(biāo)題</h2>
<p><time datetiem=”2014-10-08”>2014年10月8日</time></p>
</header>
<p>文章正文</p>
</article>

如果我們的文章有主標(biāo)題、并且主標(biāo)題下面有子標(biāo)題，那么就需要hgroup元素。

<article>
<header>
<hgroup>
<h2>文章主標(biāo)題</h2>
<h3>文章子標(biāo)題</h3>
</hgroup>
<p><time datetime=”2014-10-08”>2014年10月08日</time></p>
</header>
<p>文章正文</p>
</article>

這些代碼效果自行腦補(bǔ)^^

當(dāng)我們的同一個(gè)區(qū)塊下面的標(biāo)題，有主標(biāo)題和子標(biāo)題的時(shí)候，我們就需要hgroup元素進(jìn)行包裹。雖然用的少，但也是不可或缺的，可是這個(gè)標(biāo)簽在HTML5.1中被廢除了，不過(guò)在其它的版本里還是很好用的。好了，本篇文章就到這了，有問(wèn)題可以提問(wèn)的哦。

看完了這篇文章，相信你對(duì)HTML5中的hgroup有什么用有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！