在html中,header標簽定義文檔的頁眉。語法格式為“<header>內容</header>”。header元素是一種具有引導和導航作用的結構元素,通常用來放置整個頁面或頁面內的一個內容區塊的標題等。
一、header標簽元素基本介紹
在HTML5版本之前習慣使用p標簽布局網頁,在HTML5在p標簽基礎上新增header標簽元素。也叫“<header>”頭部標簽。以前我們在p css布局中常常把網頁大致分為頭部、內容、底部。對于大結構我們常常使用p里加id進行布局。而頭部常常使用<p id=”header”></p>或<p class=”header”></p>進行布局,特點與傳統p布局不同,少了p做標簽,而是新增元素標簽。
正應為大家公認html布局中對“header”為常用命名,所以在HTML5新增了個header標簽元素?？梢赃@樣理解為什么在html5中新增header為標簽元素。
除了直接使用header標簽外,也可以對header設置class或id。
header標簽元素和p用法相同。有開始有閉合。
語法:
<header>內容</header>
1、直接不給id或class
<header>頭部內容區</header>
2、設置id
<headerid=”pcss5”>頭部內容區</header>
3、設置class
<headerclass=”pcss5”>頭部內容區</header>
4、特點:就像p標簽元素一樣可以多次使用,不同地方可以使用id或class設置不同樣式。
因為header標簽是HTML5新增標簽元素,所以舊版本瀏覽器均不支持,需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。當然國內360瀏覽器、百度瀏覽器、遨游瀏覽器等瀏覽器均借用系統自帶IE內核,所以國內瀏覽器實際上與你系統自帶瀏覽器IE版本相同,所以你IE瀏覽器在IE9或以上版本自然就兼容HTML5新增標簽元素。
通過p+CSS布局與HTML5+CSS布局對比觀察并掌握對header應用。
實例
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>html5Header標簽實例DIVCSS5</title><style>/*傳統布局CSS*/#header{width:300px;height:40px;background:#ccc;}/*HTML5布局樣式*/header{width:400px;height:70px;color:#f00;background:#f5f5f5;}.color-000{color:#000;background:#666;}</style></head><body><pid="header">我在傳統p布局中</p><header>我在傳統p布局中,必須在支持HTML5瀏覽器才能看到效果,建議谷歌瀏覽器測試觀察效果</header><headerclass="color-000">我顏色為黑色,背景為#666</header></body></html>效果截圖
以上就是html中header定義的作用是什么,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注本站行業資訊頻道。
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
深圳農商行是不是深圳農村商業銀行?深圳農商行就是深圳農村商業銀行。深圳農商行在原深圳農村信用社委員會和1 8家鄉村農村信用社的根基上,不斷演化發展，以深圳市本地企業、民營企業、原鄉村農村信用社組員和員工作為最初的發起者，按照規定注入資本，創建了這樣一家股份合作制農商銀行。農村商業銀行又叫什么?農村商業銀行又叫農村信用社。通稱:農商銀行，是由轄內農戶、鄉村個體工商戶、公司法人和別的經濟機構一同入股投...
電匯多久到賬?國內電匯和跨境電匯的到賬時間不一樣。一般國內同行電匯實時到賬，同城跨行電匯也比較快，一般在半小時以內?？缧须妳R到賬時間較長，一般在三個工作日內，節假日不計入工作日?？缇畴妳R到賬時間相對較長，一般需要3-7天。電匯是什么意思?電匯是一種匯兌結算方式，是匯款入將一定款項交存匯款銀行，匯款銀行通過電報或電傳給目的地的分行或代理行(匯入行)，指示匯入行向收款人支付一定金額的一種匯款方式?？梢?..
怎樣申購新股，新股申購的方式有以下兩種方式：1.線上申購：投資者在可以購買股票的相關網站或者是股票APP中直接選擇新上市的股票進行申購。2.在線下辦理：投資者也可攜帶個人身份證件到證券公司營業網點請工作人員辦理。以上是新股申購的方式。一般來說新股申購也叫打新股，是指投資者利用資金申請購買即將上市的新股。如果他們中簽就說明認購就成功了。需要注意的是申購新股需要注意以下幾種條件：1投資者申購新股時申購...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）