HTML5 的 header標簽定義了網頁或區域的頁眉,通常包含一些引導用戶的內容,例如網站的標題、logo、搜索框、導航鏈接等。
header標簽應該作為文檔或區域的首個子元素,并且不能放在header 或其他類似結構標簽內。一個文檔或區域可以包含多個header 標簽,但是每個header 標簽都應該表示不同的內容。
下面是一個示例,演示如何使用 header 標簽:
<body>
<header>
<h1>My Website</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<p>Welcome to my website!</p>
</main>
<footer>
<p>© 2023 My Website. All rights reserved.</p>
</footer>
</body>
在這個示例中,header標簽包含了網站的標題和導航欄,main標簽包含了主要內容,footer 標簽包含了頁腳。注意 header標簽位于 body的第一個子元素位置,表示它是文檔的頁眉。