Skip to content

Latest commit

 

History

History
88 lines (69 loc) · 3.09 KB

index.md

File metadata and controls

88 lines (69 loc) · 3.09 KB
Raw
title slug
<header>
Web/HTML/Element/header

{{HTMLSidebar}}

HTML <header> 元素用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、作者名称，等等。

{{EmbedInteractiveExample("pages/tabbed/header.html", "tabbed-standard")}}

内容类型 Flow content，palpable content。
许可内容 Flow content，但是不允许 <header> 或{{HTMLElement("footer")}} 成为子元素
标签省略 不允许，开始标签和结束标签都不能省略。
允许的父元素 任何接受 flow content 的元素。注意 <header> 元素不能作为 {{HTMLElement("address")}}、{{HTMLElement("footer")}} 或另一个 {{HTMLElement("header")}} 元素的子元素。
允许的 ARIA 角色 group，presentation
DOM 接口 {{domxref("HTMLElement")}}

使用提示

<header> 元素不是分段内容，因此不会往 大纲 中引入新的段落。也就是说，<header> 元素通常用于包含周围部分的标题（h1 至 h6 元素），但这不是必需的。

属性

此元素仅拥有 全局属性。

示例

页面的 Header

<header>
  <h1>主页标题</h1>
  <img src="mdn-logo-sm.png" alt="MDN logo" />
</header>

文章的 Header

<article>
  <header>
    <h2>The Planet Earth</h2>
    <p>Posted on Wednesday, 4 October 2017 by Jane Smith</p>
  </header>
  <p>
    We live on a planet that's blue and green, with so many things still unseen.
  </p>
  <p>
    <a href="https://janesmith.com/the-planet-earth/">Continue reading....</a>
  </p>
</article>

规范

{{Specifications}}

浏览器兼容性

{{Compat}}

参见

  • Others section-related elements: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}};
  • Sections and outlines of an HTML5 document.