<header>

<header>标签可以用在多个场景，既可以表示整个网页的头部，也可以表示一篇文章或者一个区块的头部。

如果用在网页的头部，就称为“页眉”。网站导航和搜索栏通常会放在<header>里面。

  1. <header>
  2.   <h1>公司名称</h1>
  3.   <ul>
  4.     <li><a href="/home">首页</a></li>
  5.     <li><a href="/about">关于</a></li>
  6.     <li><a href="/contact">联系</a></li>
  7.   </ul>
  8.   <form target="/search">
  9.     <input name="q" type="search" />
  10.     <input type="submit" />
  11.   </form>
  12. </header>

如果<header>用在文章的头部，则可以把文章标题、作者等信息放进去。

  1. <article>
  2.   <header>
  3.     <h2>文章标题</h2>
  4.     <p>张三，发表于2010年1月1日</p>
  5.   </header>
  6. </article>

由于<header>可以用在多种场景，所以一个页面可能包含多个<header>，但是一个具体的场景里面只能包含一个，比如网页的页眉只能有一个。另外，<header>里面不能包含另一个<header>或<footer>。