From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/html/element/header/index.html | 113 +++++++++++++++++++++++++ 1 file changed, 113 insertions(+) create mode 100644 files/zh-cn/web/html/element/header/index.html (limited to 'files/zh-cn/web/html/element/header') diff --git a/files/zh-cn/web/html/element/header/index.html b/files/zh-cn/web/html/element/header/index.html new file mode 100644 index 0000000000..61041c1b18 --- /dev/null +++ b/files/zh-cn/web/html/element/header/index.html @@ -0,0 +1,113 @@ +--- +title:
+slug: Web/HTML/Element/header +tags: + - HTML + - HTML sections + - 元素 +translation_of: Web/HTML/Element/header +--- +
{{HTMLRef}}
+ +

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

+ +
{{EmbedInteractiveExample("pages/tabbed/header.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
内容类型Flow content，palpable content。
许可内容Flow content，但是不允许 <header> 或{{HTMLElement("footer")}} 成为子元素
标记省略{{no_tag_omission}}
允许的父元素任何接受 flow content 的元素。注意 <header> 元素不能作为 {{HTMLElement("address")}}、{{HTMLElement("footer")}} 或另一个 {{HTMLElement("header")}} 元素的子元素。
允许的 ARIA 角色{{ARIARole("group")}}，{{ARIARole("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>
+
+ +

规范

+ + + + + + + + + + + + + + + + + + + + + +
规范状态备注
{{SpecName('HTML WHATWG', 'semantics.html#the-header-element', '<header>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'sections.html#the-header-element', '<header>')}}{{Spec2('HTML5 W3C')}} 
+ +

浏览器兼容性

+ + + +

{{Compat("html.elements.header")}}

+ +

参见

+ + -- cgit v1.2.3-54-g00ecf