HTML5中的hgroup有什么用-創(chuàng)新互聯(lián)

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

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

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

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

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

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

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

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

使用 <hgroup> 標(biāo)簽對網(wǎng)頁或區(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>這是一個列表</h4>
<h4>這是一個列表</h4>
<h4>這是一個列表</h4>
<h4>這是一個列表</h4>
<h4>這是一個列表</h4>
</hgroup>

什么是hgroup元素：

hgroup元素是將標(biāo)題和他的子標(biāo)題進(jìn)行分組的元素。hgroup元素一般會把h2-h7的元素進(jìn)行分組，比如在一個內(nèi)容區(qū)塊的標(biāo)題和他的子標(biāo)題算是一組。通常情況下，文章只有一個主標(biāo)題時，是不需要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)我們的同一個區(qū)塊下面的標(biāo)題，有主標(biāo)題和子標(biāo)題的時候，我們就需要hgroup元素進(jìn)行包裹。雖然用的少，但也是不可或缺的，可是這個標(biāo)簽在HTML5.1中被廢除了，不過在其它的版本里還是很好用的。好了，本篇文章就到這了，有問題可以提問的哦。

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

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

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

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

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

猜你還喜歡下面的內(nèi)容