<header>: 页眉标签

最后更新：2026-10-13

<header>页眉标签

表示介绍性内容或导航区域，常用于页面顶部或章节开头（如站点标题、Logo、主导航）。

<header>页眉内容</header>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<header>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： header 描述的是“位置/作用”，不要和 head 混淆；一个页面可以有多个 header（如每个 article 头部）。

Qheader 在一个页面里只能有一个吗？

A不。页面级 header 通常只有一个（body 顶部），但每个 <article>、<section> 也可以有自己的 <header>（放该章节的标题、元信息）。注意 header 不能嵌套在另一个 header 或 footer 内。

Qheader 和 h1 有什么区别？

A<h1> 是标题本身，<header> 是「介绍性容器」——可包含 logo、搜索框、导航、标题组等。header 里放 h1 是常见组合，但只有 logo 和导航的 header 也完全合法。

Qheader 和 head 有什么区别？

A完全不同的两个元素：<head> 是文档元数据容器（不可见，放 title/meta/link）；<header> 是页面可见的页头区域。初学者常混淆——head 写在 head 里，header 写在 body 里。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。