首頁 > web前端 > H5教程 > html5 header標籤怎麼用? html5 header標籤的作用介紹

html5 header標籤怎麼用? html5 header標籤的作用介紹

寻∝梦
發布: 2018-09-03 17:32:03
原創
4046 人瀏覽過

本篇文章主要的介紹了關於html5 header標籤的解釋和html5 header標籤作用的介紹,最後還做了header標籤的總結。下面讓我們一起來看這篇文章吧

首先我們要先清楚html5 header標籤怎麼用?

標籤定義文件或文件的一部分區域的頁首。

元素應該作為介紹內容或導覽連結列的容器。

在一個文件中,您可以定義多個

元素。

註解

標籤不能被放在
或另一個
元素內部。

header標籤元素基本用法介紹:

在HTML5版本之前習慣使用div標籤版面網頁,並在HTML5在DIV標籤基礎上新增header標籤元素。也叫「

」頭部標籤。以前我們在div css版面中常常把網頁大致分為頭部、內容、底部。對於大結構我們常常使用div裡加id進行佈局。而頭部常使用
進行佈局,特點與傳統DIV佈局不同,少了div做標籤,而是新增元素標籤。

正應為大家公認html版面配置中對「header」為常用命名,所以在HTML5新增了個header標籤元素。可以這樣理解為什麼在html5中新增header為標籤元素。

除了直接使用header標籤外,也可以對header設定class或id。

html5 header標籤的語法結構:

header標籤元素和div用法相同。有開始有閉合。

<header>php中文网</header>
登入後複製

1.直接不給id或class

<header>头部内容区</header>
登入後複製

2.設定id

<header id=”divcss5”>头部内容区</header>
登入後複製

3.設定class

<header class=”divcss5”>头部内容区</header>
登入後複製

4.特點:就像DIV標籤元素一樣可以多次使用,不同地方可以使用id或class設定不同樣式。

html5 header標籤的作用介紹:

因為header標籤是HTML5新增標籤元素,所以舊版瀏覽器皆不支持,需要IE9 以上瀏覽器、最新谷歌Chrome等瀏覽器才支援。當然國內360瀏覽器、百度瀏覽器、遨遊瀏覽器等瀏覽器均借用系統自帶IE內核,所以國內瀏覽器實際上與你係統自帶瀏覽器IE版本相同,所以你IE瀏覽器在IE9或以上版本自然相容於HTML5新增標籤元素。

html5 header標籤的總結:

PHP中文網建議,為了相容從IE6到最新版本IE,普通WEB網頁版面還不是時候使用html5新增標籤元素。建議還是使用常規DIV CSS佈局html網頁。平常知道HTML5新增有這些標籤元素,知道使用方法與DIV本質沒有什麼不同。當然你會DIV CSS佈局自然會HTML5中新增元素標籤。

好了,以上就是這篇關於html5 header標籤的介紹和作用解釋了,有問題的可以在下方提問。

【小編推薦】

html中col標籤中的漢字如何居中? html col標籤的基本使用(內有實例)

html圖片怎麼會等比例縮放? html img圖片縮放方法總結(附實例)

以上是html5 header標籤怎麼用? html5 header標籤的作用介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板