页眉（header）和页脚（footer）是网页设计中非常重要的组成部分，它们在HTML中通常使用<header>和<footer>标签来定义。这两个标签为网页提供了结构上的区分，使得网页内容更加清晰、易于管理。以下是关于这两个标签的详细介绍：
页眉（header）
1. 定义
<header>标签用于定义网页或页面区域的页眉部分，通常包含网站的标题、标志、导航链接等。
2. 语法
<header>
<!-- 页眉内容 -->
</header>
3. 作用
- 提供页面标题：使用
<h1>到<h6>标签在页眉中定义页面标题，有助于搜索引擎优化（SEO）。 - 包含导航链接：通过在页眉中添加导航菜单（使用
<nav>标签），用户可以快速访问网站的其他页面。 - 展示网站标志：在页眉中添加网站的标志，有助于提升品牌形象。
页脚（footer）
1. 定义
<footer>标签用于定义网页或页面区域的页脚部分，通常包含版权信息、联系方式、链接到其他页面等。
2. 语法
<footer>
<!-- 页脚内容 -->
</footer>
3. 作用
- 提供版权信息：声明网站或页面的版权归属，提醒用户版权保护。
- 展示联系方式：提供网站的联系信息，如邮箱、电话、地址等，方便用户联系。
- 链接到其他页面：在页脚中添加链接，引导用户访问网站的其他相关页面。
页眉和页脚的结合使用
在实际应用中，页眉和页脚通常结合使用，如下所示：
<!DOCTYPE html>
<html>
<head>
<title>示例网页</title>
</head>
<body>
<header>
<h1>示例网页</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>
<!-- 页面主要内容 -->
</main>
<footer>
<p>版权所有 © 2021 示例网页</p>
<p>联系方式：邮箱：example@example.com 电话：1234567890</p>
</footer>
</body>
</html>
通过使用<header>和<footer>标签，我们可以使网页结构更加清晰，同时提高用户体验。在实际开发过程中，可以根据需求灵活运用这两个标签。