<header> 标签是HTML5中用于定义文档或区块的页眉(header)的标签。它通常包含一些引导性的内容,比如网站的标题、导航链接、搜索框等。<header> 通常是页面的顶部部分,但也可以用于包含一篇文章或区块的顶部。

以下是一个简单的 <header> 标签的例子:
<!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>

  <!-- 页面内容 -->

</body>
</html>

在这个例子中,<header> 包含了网站的标题 <h1> 和一个导航栏 <nav>,其中包含了一组链接列表。这些链接可以是网站的不同部分,例如首页、关于我们和联系我们。

使用 <header> 标签有助于提高文档的语义性,使页面结构更清晰,同时也有利于搜索引擎理解页面的内容。请注意,<header> 标签可以用于包含文档的整个页眉,也可以用于包含文章或区块的特定页眉。


转载请注明出处:http://www.zyzy.cn/article/detail/3858/HTML