header標(biāo)簽的作用：H5中header標(biāo)簽的用法

更新時(shí)間:2021年03月24日16時(shí)24分來(lái)源:傳智播客瀏覽次數(shù):

HTML5中的header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，該元素可以包含所有通常放在頁(yè)面頭部的內(nèi)容。header元素通常用來(lái)放置整個(gè)頁(yè)面或頁(yè)面內(nèi)的一個(gè)內(nèi)容區(qū)塊的標(biāo)題，也可以包含網(wǎng)站Logo圖片、搜索表單或者其他相關(guān)內(nèi)容。其基本語(yǔ)法格式為：

<header>
<h1>網(wǎng)頁(yè)主題</h1>
…
</header>

下面通過(guò)一個(gè)案例對(duì)header元素的用法進(jìn)行演示，如圖所示。

1616574018781_header標(biāo)簽.jpg

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>header元素的使用</title>
</head>
<body>
    <header>
        <h1>秋天的味道</h1>
        <h3>你想不想知道秋天的味道？它是甜、是苦、是澀……</h3>
    </header>
</body>
</html>

注意：

header元素并非head元素。在HTML網(wǎng)頁(yè)中，并不限制header元素的個(gè)數(shù)，一個(gè)網(wǎng)頁(yè)中可以使用多個(gè)header元素，也可以為每一個(gè)內(nèi)容塊添加header元素。

猜你喜歡：

HTML圖像標(biāo)簽的基本特點(diǎn)和相關(guān)屬性

怎樣使用H5頭部標(biāo)簽？具體代碼演示

html中figcaption標(biāo)簽的作用

傳智教育web前端培訓(xùn)課程

上一篇：H5 nav元素的作用？nav元素一般用于哪些場(chǎng)合？ 下一篇：天津前端培訓(xùn)班哪個(gè)靠譜？|【資源福利】前端教程下載