HTML5中的hgroup有什么用

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

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

HTML5中hgroup標簽的作用如下：

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

<hgroup> 標簽用于對網頁或區段的標題元素（h2-h7）進行組合（DOM接口、可設置屬性）。

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

HTML5中hgroup標簽的寫法如下：

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

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

使用hgroup標簽顯示標題組 ：

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

什么是hgroup元素：

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

hgroup元素的具體用法：

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

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

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

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

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

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

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