在HTML5中，<header>标签用于定义网页的页眉部分。它通常是网页布局的一部分，包含网页的标题、导航菜单、公司标志或其他相关内容。
<header>标签的作用是提供页面的引导和导航信息，帮助用户快速了解和访问网页的主要内容。它可以在页面的顶部或任何适合的位置使用。
header标签通常包含以下类型的内容：
网页标题（通常使用"<h1>"-"<h6>"标签）
网页的标志或徽标（通常使用"<img>"标签）
导航菜单（使用无序列表"<ul>"和列表项"<li>"组合）
搜索框
其他与页面导航和引导相关的内容
使用"<header>"标签可以提高网页的可访问性和用户体验。它能够帮助用户快速定位和导航到他们感兴趣的内容，同时也提供了网站品牌的展示和识别。
以下是一个示例，展示了"<header>"标签的使用：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
<style>
header {
background-color: #f2f2f2;
padding: 20px;
text-align: center;
}h1 {
color: #333;
}
</style>
</head>
<body>
<header>
<h1>这是网页的页眉</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<!-- 网页内容 -->
</main>
<footer>
<!-- 网页的页脚 -->
</footer>
</body>
</html>
在这个示例中，"<header>"标签包含了一个网页标题和一个导航菜单，它们在页面的顶部显示，并通过CSS样式进行了装饰。您可以根据自己的需求自定义"<header>"标签的内容和样式。