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

創(chuàng)新互聯(lián)成立于2013年，我們提供高端網(wǎng)站建設、重慶網(wǎng)站制作、成都網(wǎng)站設計、網(wǎng)站定制、營銷型網(wǎng)站建設、小程序制作、微信公眾號開發(fā)、網(wǎng)站推廣服務，提供專業(yè)營銷思路、內(nèi)容策劃、視覺設計、程序開發(fā)來完成項目落地，為成都封陽臺企業(yè)提供源源不斷的流量和訂單咨詢。

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

HTML5中hgroup標簽的作用如下：

<hgroup> 標簽用于對網(wǎng)頁或區(qū)段（section）的標題進行組合。

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

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

HTML5中hgroup標簽的寫法如下：

使用 <hgroup> 標簽對網(wǎng)頁或區(qū)段（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的元素進行分組，比如在一個內(nèi)容區(qū)塊的標題和他的子標題算是一組。通常情況下，文章只有一個主標題時，是不需要hgroup元素的。

hgroup元素的具體用法：

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

<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>

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

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

看完了這篇文章，相信你對HTML5中的hgroup有什么用有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前題目：HTML5中的hgroup有什么用-創(chuàng)新互聯(lián)
瀏覽路徑：http://newbst.com/article46/dgigeg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、定制開發(fā)、云服務器、用戶體驗、網(wǎng)站導航、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)