<header> 标签是 HTML5 中用于定义文档或节的页头部分的标签。通常，页头包含了一些引导性的内容，比如标题、标志、导航菜单等。<header> 通常出现在页面的顶部。

以下是 <header> 标签的基本用法：
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>示例页面</title>
</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>
    <p>&copy; 2023 示例公司 | 联系我们: contact@example.com</p>
  </footer>

</body>
</html>

在这个例子中，<header> 元素包含了页面的标题 (<h1>) 以及导航菜单 (<nav>)。<header> 中的内容通常是站点或页面的标识性内容，帮助用户快速了解页面的主题。

<header> 通常出现在页面的顶部，但并不一定局限于这个位置。它可以出现在文档的任何部分，以适应不同的设计和布局需求。

总体而言，<header> 元素有助于提高文档的语义性，使得页面结构更为清晰。


转载请注明出处：http://www.zyzy.cn/article/detail/3733/HTML5