header標簽
<header> 標簽定義文檔或者文檔的一部分區域的頁眉。
<header> 元素應該作為介紹內容或者導航鏈接欄的容器。
在一個文檔中，您可以定義多個 <header> 元素。
注釋：<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。
舉例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>頁眉標簽</title>
</head>
<body>
<!-- <article> 標簽定義一個文章區域 -->
<article>
<!-- <header> 標簽定義文檔或者文檔的一部分區域的頁眉。 -->
<header>
<h1>Google Chrome</h1>
<p><time pubdate datetime="2020-02-22"></time></p>
</header>
<p>Google Chrome是由Google開發的免費網頁瀏覽器。Chrome是化學元素“鉻”的英文名稱，過去也用Chrome稱呼瀏覽器的外框。
Chrome相應的開放源代碼計划名為Chromium，而Google Chrome本身是非自由軟件，未開放全部源代碼。</p>
</article>
</body>
</html>
Google瀏覽器打開：
footer標簽
<footer> 標簽定義文檔或者文檔的一部分區域的頁腳。
<footer> 元素應該包含它所包含的元素的信息。
在典型情況下，該元素會包含文檔創作者的姓名、文檔的版權信息、使用條款的鏈接、聯系信息等等。
在一個文檔中，您可以定義多個 <footer> 元素。
提示：假如您使用 <footer> 元素來插入聯系信息，應該在 <footer> 元素內使用 <address> 標簽。
舉例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>頁腳標簽</title>
</head>
<body>
<!-- <footer> 標簽定義文檔或者文檔的一部分區域的頁腳。 -->
<footer>
<p>摘自: 百度百科</p>
<p><time 發布日期時間="2020-02-22"></time></p>
</footer>
</body>
</html>
Google瀏覽器打開：
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>頁眉頁腳</title>
</head>
<body>
<!-- <article> 標簽定義一個文章區域 -->
<article>
<!-- <header> 標簽定義文檔或者文檔的一部分區域的頁眉。 -->
<header>
<h1>Google Chrome</h1>
<p><time pubdate datetime="2020-02-22"></time></p>
</header>
<p>Google Chrome是由Google開發的免費網頁瀏覽器。Chrome是化學元素“鉻”的英文名稱，過去也用Chrome稱呼瀏覽器的外框。
Chrome相應的開放源代碼計划名為Chromium，而Google Chrome本身是非自由軟件，未開放全部源代碼。</p>
</article>
<!-- <footer> 標簽定義文檔或者文檔的一部分區域的頁腳。 -->
<footer>
<p>摘自: 百度百科</p>
<p><time 發布日期時間="2020-02-22"></time></p>
</footer>
</body>
</html>
Google瀏覽器打開：
