HTML5 的 header標(biāo)簽定義了網(wǎng)頁或區(qū)域的頁眉,通常包含一些引導(dǎo)用戶的內(nèi)容,例如網(wǎng)站的標(biāo)題、logo、搜索框、導(dǎo)航鏈接等。
header標(biāo)簽應(yīng)該作為文檔或區(qū)域的首個子元素,并且不能放在header 或其他類似結(jié)構(gòu)標(biāo)簽內(nèi)。一個文檔或區(qū)域可以包含多個header 標(biāo)簽,但是每個header 標(biāo)簽都應(yīng)該表示不同的內(nèi)容。
下面是一個示例,演示如何使用 header 標(biāo)簽:
<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標(biāo)簽包含了網(wǎng)站的標(biāo)題和導(dǎo)航欄,main標(biāo)簽包含了主要內(nèi)容,footer 標(biāo)簽包含了頁腳。注意 header標(biāo)簽位于 body的第一個子元素位置,表示它是文檔的頁眉。