對主頁的介紹：

 header  h1 Welcome to my homepage /h1  p My name is Donald Duck /p  /header  p The rest of my home page... /p 

HTML中header標簽的定義和用法：

header 標簽定義文檔的頁眉（介紹信息）。

HTML header 元素用來表示一些前言性質或導航類的內容。它可以包含一些標題性質元素，也可以放置一些比如logo，搜索框，或其它的 header 元素等。

使用說明：

header 元素并不是一個可以形成段落內容的元素，所以，不需要在內容目錄里體現出來。

用法例子：

 header  a logo /header 

HTML 4.01 與 HTML 5 之間的差異

header 標簽是 HTML 5 中的新標簽。

header ：描述了文檔的頭部區域，于定義內容的介紹展示區域

header標簽不同于我們最熟悉的head標簽,header往往更常被用于定義文章的頭部,下面我們就來淺析HTML5中header標簽的用法:

header 標簽定義文檔的頁眉，通常是一些引導和導航信息。它不局限于寫在網頁頭部，也可以寫在網頁內容里面。

在新的標準中header標簽定義如下：

 A group of introductory or navigational aids.”

基本意思是“一組介紹性的護著導航相關的輔助內容”。字面上理解header標簽不單單只是定義頁頭內容，也可以定義頁頭以下其它內容的介紹。這和我們傳統的頁面header定義并不完全一致。

通常 header 標簽至少包含（但不局限于）一個標題標記（ h1 - h6 ），還可以包括 hgroup 標簽，還可以包括表格內容、標識、搜索表單、 nav 導航等。

 header  h1 PHP  /h1  p 專注于前端后臺開發授課 /p  /header  article  header  h1 html5語義化標簽之結構標簽 /h1  p article、section、hgroup、aside、nav... /p  /header  p ...這里面包含很多東西... /p  /article 

在上面的結構中，我們可以看到使用header我們定義了一篇文章的標題和內容。這里header標簽的使用并不是頁面的頁頭，而是文章的頁頭。

所以在HTML5中，header的使用更加靈活，你可以根據你的需要來定義和組織document結構。

同樣,在架構頁面時，header標簽一般都放在頁面的頂部，但是如果你想把他放在左側，右側甚至底部都沒有關系，標簽只定義了本身在頁面的角色，而不是位置。當然更具搜索引擎優化原則，重要內容最后在架構頁面的時候提前。

最后由于在HTML5中header屬于塊元素，如果我們要在大多數主流瀏覽器使用的話最好定義CSS，如下。

header { display:block;}

想看關于footer頁尾標簽的請點擊這里：HTML5中footer標簽的用法你知道嗎？，HTML5中的footer標簽是什么意思？

這篇文章把HTML5中header標簽講的很透徹，如果有其它疑問的話，可以在下面提問。

【相關推薦】

HTML IMG標簽的屬性是有哪些？了解IMG標簽的用法

HTML5中web是什么？web存儲中的元素有哪些？

以上就是HTML5中的header標簽是什么意思？HTML5中header標簽具體使用方法你知道嗎？的詳細內容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。