HTML5新的非主體結(jié)構(gòu)元素 header元素
header元素是一種具有引導(dǎo)和導(dǎo)航作用的輔助元素,它通常代表一組簡介或者導(dǎo)航性質(zhì)的內(nèi)容。其位置表現(xiàn)在頁面或節(jié)點(diǎn)的頭部。
通常header元素用于包含頁面標(biāo)題,當(dāng)然這不是絕對的。header元素也可以用于包含節(jié)點(diǎn)的內(nèi)容列表導(dǎo)航,如數(shù)據(jù)表格、搜索表單、相關(guān)的Logo圖片等。
在整個(gè)頁面中,標(biāo)題一般放在頁面的開頭。一個(gè)網(wǎng)頁中沒有限制header元素的個(gè)數(shù),可以擁有多 個(gè),可以為每個(gè)內(nèi)容區(qū)塊加一個(gè)header元素。
【例題】使用header元素
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>header</title>
</head>
<body>
<header>
<h1>這是頁面的標(biāo)題</h1>
</header>
<article>
<h2>這是第一章</h2>
<p>第一章的正文部分...</p>
</article>
<h2>第二個(gè)header標(biāo)簽</h2>
<p>因?yàn)閔tml文檔不會對header標(biāo)簽進(jìn)行限制,所以我們可以創(chuàng)建多個(gè)leader標(biāo)簽</p>
</header>
</body>
</html>
當(dāng)header元素只包含一個(gè)標(biāo)題元素時(shí),就不要使用header元素了。article元素肯定會讓標(biāo)題在文檔大綱中顯現(xiàn)出來,而且header元素并不是包含多重內(nèi)容。
點(diǎn)擊加載更多評論>>