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

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

標籤是 HTML 5 中的新標籤。

HTML5中hgroup標籤的功能如下：

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

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

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

HTML5中hgroup標籤的寫法如下：

使用

標籤對網頁或區段（section）的標題進行組合。

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

使用hgroup標籤顯示標題組：

<hgroup>
<h3 id="这是一个列表">这是一个列表</h3>
<h3 id="这是一个列表">这是一个列表</h3>
<h3 id="这是一个列表">这是一个列表</h3>
<h3 id="这是一个列表">这是一个列表</h3>
<h3 id="这是一个列表">这是一个列表</h3>
</hgroup>

什麼是hgroup元素：

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

hgroup元素的具體用法：

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

<article>
<header>
<h1 id="文章标题">文章标题</h1>
<p><time datetiem=”2014-10-08”>2014年10月8日</time></p>
</header>
<p>文章正文</p>
</article>

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

<article>
<header>
<hgroup>
<h1 id="文章主标题">文章主标题</h1>
<h2 id="文章子标题">文章子标题</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元素用在什麼地方？

以上是HTML5中的hgroup是乾啥的？ HTML5中的hgroup標籤的具體用法在這，點進來看看吧的詳細內容。更多資訊請關注PHP中文網其他相關文章！