教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

header標簽的作用:H5中header標簽的用法

更新時間:2021年03月24日16時24分 來源:傳智播客 瀏覽次數:

HTML5中的header元素是一種具有引導和導航作用的結構元素,該元素可以包含所有通常放在頁面頭部的內容。header元素通常用來放置整個頁面或頁面內的一個內容區(qū)塊的標題,也可以包含網站Logo圖片、搜索表單或者其他相關內容。其基本語法格式為:

<header>
<h1>網頁主題</h1>
…
</header>

下面通過一個案例對header元素的用法進行演示,如圖所示。

1616574018781_header標簽.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網頁中,并不限制header元素的個數,一個網頁中可以使用多個header元素,也可以為每一個內容塊添加header元素。



猜你喜歡:

HTML圖像標簽的基本特點和相關屬性

怎樣使用H5頭部標簽?具體代碼演示

html中figcaption標簽的作用

傳智教育web前端培訓課程

0 分享到:
和我們在線交談!