HTML5中的hgroup是幹啥的？HTML5中的hgroup標籤的具體用法在這，點進來看看吧

HTML5中的hgroup是幹啥的？HTML5中的hgroup標籤的具體用法在這，點進來看看吧，這篇文章就HTML5之中的hgroup標籤進行了詳細的解析，包含了具體HTML5中hgroup的用法，標籤的寫法，還有作用都做了詳細的解析，不多看，看本文。

<hgroup> 標籤是 HTML 5 中的新標籤。

HTML5中hgroup標籤的作用如下：

<hgroup> 標籤用於對網頁或區段（section）的標題進行組合。

<hgroup> 標籤用於對網頁或區段的標題元素（h1-h6）進行組合（DOM介面、可設定屬性）。

例如，在一個區段中你有連續的h系列的標籤元素，則可以用hgroup將他們括起來。

HTML5中hgroup標籤的寫法如下：

使用 <hgroup> 標籤對網頁或區段（section）的標題進行組合。

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

使用hgroup標籤顯示標題組 ：

<hgroup><h3>這是一個列表</h3><h3>這是一個列表</h3><h3>這是一個列表</h3><h3>這是一個列表</h3><h3>這是一個列表</h3></hgroup>

什麼是hgroup元素：

hgroup元素是將標題和他的子標題進行分組的元素。hgroup元素一般會把h1-h6的元素進行分組，比如在一個內容區塊的標題和他的子標題算是一組。通常情況下，文章只有一個主標題時，是不需要hgroup元素的。

hgroup元素的具體用法：

下面我們就在開發環境中進行詳細的示範：

<article><header><h1>文章標題</h1><p><time datetiem=”2014-10-08”>2014年10月8日</time></p></header><p>文章本文</p></article>

如果我們的文章有主標題、並且主標題下面有子標題，那麼就需要hgroup元素。

<article><header><hgroup><h1>文章主標題</h1><h2>文章子標題</h2></hgroup><p><time datetime=”2014-10-08”>2014年10月08日</time></p></header><p>文章本文</p></article>

這些代碼效果自行腦補^^

當我們的同一個區塊下面的標題，有主標題和子標題的時候，我們就需要hgroup元素進行包裹。雖然用的少，但也是不可或缺的，可是這個標籤在HTML5.1中被廢除了，不過在其它的版本裡還是很好用的。好了，本篇文章就到這了，有問題可以提問的哦。

【相關推薦】

HTML5中web是什嗎？web儲存中的元素有哪些？

HTML5中的article標籤是什嗎？HTML5中的article元素用在什麼地方？