HTML5的語(yǔ)義化標(biāo)簽

header元素

header 元素代表“網(wǎng)頁(yè)”或“section”的頁(yè)眉。

通常包含h1-h6元素或hgroup,作為整個(gè)頁(yè)面或者一個(gè)內(nèi)容塊的標(biāo)題。也可以包裹一節(jié)的目錄部分,一個(gè)搜索框,一個(gè)nav,或者任何相關(guān)logo。整個(gè)頁(yè)面沒有限制

header注意

元素的個(gè)數(shù),可以擁有多個(gè),可以為每個(gè)內(nèi)容塊增加一個(gè)header元素


<header>
<hgroup>
<h1>
網(wǎng)站標(biāo)題
</h1>
<h1>
網(wǎng)站副標(biāo)題
</h1>
</hgroup>
</header>
header

使用注意:

可以是“網(wǎng)頁(yè)”或任意“section”的頭部部分;

沒有個(gè)數(shù)限制。?

如果hgroup或h1-h6自己就能工作的很好,

2

footer

元素

footer

元素代表

網(wǎng)頁(yè)

“section”

的頁(yè)腳,

通常含有該節(jié)的一些基本信息,

譬如:

作者,

相關(guān)文檔鏈接,

版權(quán)資料。如果

footer

元素包含了整個(gè)節(jié),那么它們就代表附錄,索引,提拔,許可協(xié)議,標(biāo)簽,類

別等一些其他類似信息。

<footer>

COPYRIGHT@

小北

</footer>

footer使用注意:


可以是“網(wǎng)頁(yè)”或任意“section”的底部部分;

沒有個(gè)數(shù)限制,除了包裹的內(nèi)容不一樣,其他跟header類似。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在HTML 5出來(lái)之前,我們用div來(lái)表示頁(yè)面章節(jié),但是這些div都沒有實(shí)際意義。(即使我們用css樣式的id和c...
    浪漫歌閱讀 422評(píng)論 0 0
  • HTML 5的革新之一:語(yǔ)義化標(biāo)簽一節(jié)元素標(biāo)簽。 在HTML 5出來(lái)之前,我們用div來(lái)表示頁(yè)面章節(jié),但是這些di...
    吳越公子閱讀 824評(píng)論 0 0
  • 首先是關(guān)于語(yǔ)義(Semantics)和默認(rèn)樣式的區(qū)別,默認(rèn)樣式是瀏覽器設(shè)定的一些常用tag的表現(xiàn)形式,語(yǔ)義化的主要...
    DecadeHeart閱讀 3,515評(píng)論 0 3
  • 1. HTML語(yǔ)義化背景介紹 講到語(yǔ)義化,我們首先來(lái)聊聊html語(yǔ)義化的背景,HTML結(jié)構(gòu)語(yǔ)義化,是最近幾年才提出...
    阿布_0caf閱讀 25,453評(píng)論 1 20
  • 圖片發(fā)自簡(jiǎn)書App 生存苦難活煉獄妖艷疼痛無(wú)窮盡依靠別人心好累自?shī)首詷?lè)才是真 男歡女愛山和海憐香惜玉該是誰(shuí)極度煩躁...
    豫視西影閱讀 630評(píng)論 5 8

友情鏈接更多精彩內(nèi)容