位置：首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5新的非主體結(jié)構(gòu)元素 header元素

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-13

    header元素是一種具有引導(dǎo)和導(dǎo)航作用的輔助元素，它通常代表一組簡(jiǎn)介或者導(dǎo)航性質(zhì)的內(nèi)容。其位置表現(xiàn)在頁面或節(jié)點(diǎn)的頭部。

    通常header元素用于包含頁面標(biāo)題，當(dāng)然這不是絕對(duì)的。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文檔不會(huì)對(duì)header標(biāo)簽進(jìn)行限制，所以我們可以創(chuàng)建多個(gè)leader標(biāo)簽</p>

</header>

</body>

</html>

image.png

    當(dāng)header元素只包含一個(gè)標(biāo)題元素時(shí)，就不要使用header元素了。article元素肯定會(huì)讓標(biāo)題在文檔大綱中顯現(xiàn)出來，而且header元素并不是包含多重內(nèi)容。

繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部