html5 的header区

Header 区

示例中的 Header 区包含页面标题和副标题。您将使用 <header>标记创建页面的 Header区的内容。<header>标记可以包含有关 <section>和<article>的信息以及 Web 页面本身。这里的 Web 页面包含页面的 Header区以及 Article 和 Section 区的 Header区，如图 1 所示。清单 1 提供了一个 <header> 标记示例。

清单 1. <header> 标记示例

 <header> 
    <h1>Heading Text</h1> 
    <p> Text or images can be included here</p> 
    <p> Logos are frequently placed here too</p> 
 </header>

<header>标记还可以包含 <hgroup>标记，如清单 2 所示。<hgroup>标记使用从 <h1>到 <h6>的标题级别对标题进行了分组，其中包含主标题和子标题。

清单 2. <hgroup> 标记示例

 <header> 
    <hgroup> 
          <h1>Main Heading</h1> 
          <h2>Sub-heading </h2> 
    </hgroup> 
    <p> Text or images can be included here</p> 
 </header>