header

HTML5 header元素是一個頁面的頭部的語義標記，或者它也可以是article元素的一部分。

例如下面的圖中，header元素是作為一個頁面的頭部來使用。

使用header元素的HTML代碼應該類似下面的樣子：

頭部內容...

header元素是一個語義元素，但是它本身并沒有任何的樣式，你可以通過CSS來為它添加你需要的樣式。

你不必一定要為頁面添加一個header語義元素。使用header元素的好處是明確的告訴瀏覽器或搜索引擎這個元素的意義，但是瀏覽器和搜索引擎如何處理這個元素是我們不能控制的。

在article元素中使用header

一個article元素也可以有header語義元素。

在article元素中使用header元素的HTML代碼類似下面的樣子：

頁面頭部內容...

文章頭部內容...

文章內容...

footer

HTML5的footer元素是一個頁面腳部的語義標記。同樣，它也可以是article元素的一部分。

下面的圖中，footer元素是作為一個頁面的腳部來使用。

使用footer元素的HTML代碼應該類似下面的樣子：

頁面頭部內容...

導航...

文章內容...

版權或其它鏈接信息...

同樣，你也不必一定要為頁面添加一個footer語義元素。footer元素本身沒有任何樣式，你可以通過CSS來為它添加樣式。

在article元素中使用footer

一個article元素也可以有footer語義元素。

在article元素中使用footer元素的HTML代碼類似下面的樣子：

頭部內容...

文章頭部內容...

文章內容...

文章腳部內容(文章日期等)...

版權信息和其它鏈接...

總結

以上是生活随笔為你收集整理的html页面的header,HTML5教程 | HTML5 header和footer元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。