首頁  >  文章  >  web前端  >  header標籤的作用與用法總結

header標籤的作用與用法總結

巴扎黑
巴扎黑原創
2017-06-07 11:43:1513379瀏覽

標籤定義文件或文件的一部分區域的頁首。
元素應該作為介紹內容或導覽連結列的容器。在一個文件中,您可以定義多個
元素。

註解:

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

下面我們就總結下header標籤的用法和實例展示:

1.HTML5/CSS3系列教學:HTML5基本標籤使用header,nav和footer

#大家可能都知道HTML5中出現了很多以前沒有的標籤,例如,header,nav,和footer,在這之前我們如果開發相關的頁面佈局的時候,往往都是使用CSS來定義相關的頭部,導航及其頁底部分

header標籤的作用與用法總結

2.HTML中Header標籤的用法實例

標籤為頁面上的所有連結規定預設地址或預設目標。這其中包括 header標籤的作用與用法總結

標籤中的 URL。

Html程式碼  

<head>  
  <base href="http://www.w3school.com.cn/tags/">   
  <base target="_blank" /> <!--页面中所有target默认为_blank-->  
</head>  
<body>  
  <a href="tag_base.asp">base </a> <br> <!--实际指向http://www.w3school.com.cn/tags/tag_base.asp 且target为_blank -->  
  <a href="tag_audio.asp">audio </a>  
</body>

header標籤的作用與用法總結

#3.HTML

標籤的用法

#html5 header元素標籤html5新增標籤元素之

,透過html header基礎教學學習同時作為header css佈局技巧。

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

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

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

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

header標籤的作用與用法總結

4.淺析HTML5中header標籤的用法

標籤定義文件的頁眉,通常是一些引導和導航資訊。它不限於寫在網頁頭部,也可以寫在網頁內容裡面。
在新的標準中header標籤定義如下:

"A group of introductory or navigational aids.」

header標籤的作用與用法總結

#5.Header標籤邊距CSS問題請教

#

以上是header標籤的作用與用法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn