html5新增的頁眉標(biāo)簽是什么

html5新增的頁眉標(biāo)簽是“header”。header標(biāo)簽可定義文檔的頁眉（介紹信息），是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，常用來表示一些前言性質(zhì)或?qū)Ш筋惖膬?nèi)容；它可以包含一些標(biāo)題性質(zhì)元素，也可以放置一些比如logo，搜索框等的元素。
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供惠濟(jì)網(wǎng)站建設(shè)、惠濟(jì)做網(wǎng)站、惠濟(jì)網(wǎng)站設(shè)計、惠濟(jì)網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、惠濟(jì)企業(yè)網(wǎng)站模板建站服務(wù)，十年惠濟(jì)做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html5新增的頁眉標(biāo)簽是“header”。

header標(biāo)簽可定義文檔的頁眉（介紹信息）。

<header> 元素用來表示一些前言性質(zhì)或?qū)Ш筋惖膬?nèi)容。它可以包含一些標(biāo)題性質(zhì)元素，也可以放置一些比如logo，搜索框，或其它的<header>元素等。

header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來放置整個頁面或頁面內(nèi)的一個內(nèi)容區(qū)塊的標(biāo)題，但也可以包含其他的內(nèi)容，比如在header里面放置logo圖片、搜索表單等等。

注意：一個頁面內(nèi)并沒有限制header的出現(xiàn)次數(shù)，也就是說我們可以在同一頁面內(nèi)，不同的內(nèi)容區(qū)塊上分別加上一個header元素。

使用說明：

<header>元素并不是一個可以形成段落內(nèi)容的元素，所以，不需要在內(nèi)容目錄里體現(xiàn)出來。

header元素的用法：

下面根據(jù)一幅圖來具體看看header元素的使用方法：

黑色線框所包裹的就是我們的網(wǎng)頁，在網(wǎng)頁里面有一個網(wǎng)頁標(biāo)題，在網(wǎng)頁標(biāo)題下面是我們的文章標(biāo)題和正文內(nèi)容區(qū)域，在這幅圖里面我們就可以給我們的網(wǎng)頁標(biāo)題和文章標(biāo)題都使用header元素。

下面就一起來演示下：

<body><header><h1>網(wǎng)頁標(biāo)題</h1></header><article><header><h1>文章標(biāo)題</h1></header><p>文章正文部分</p></article></body>

Header元素效果演示圖：

在HTML5中，一個header元素至少可以包含一個heading元素（h1-h6），也可以包括我們下節(jié)課將要學(xué)習(xí)的hgroup元素，還可以包括其他的元素，在新的W3C HTML5標(biāo)準(zhǔn)，我們還可以把NAV元素包括進(jìn)去。

下面我們就來實現(xiàn)上圖中header案例：

最終效果演示圖：

推薦教程：《html視頻教程》

分享標(biāo)題：html5新增的頁眉標(biāo)簽是什么
URL地址：http://www.rwnh.cn/article8/cppgop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、云服務(wù)器、微信公眾號、網(wǎng)站策劃、移動網(wǎng)站建設(shè)、商城網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

html5新增的頁眉標(biāo)簽是什么