HTML <header> 标籤

  • หน้าก่อน <head>
  • หน้าต่อไป <hgroup>

定义和用法

<header> 元素表示介绍性内容或一组导航链接的容器。

<header> 元素通常包含：

  • 一个或多个标题元素 (<h1> - <h6>)
  • 徽标或图标
  • 作者信息

提示：<header> 标签常被用于定义文档的页眉。

注意：一个 HTML 文档中可以有多个 <header> 元素。但是，<header> 不能放在 <footer>、<address> 或另一个 <header> 元素中。

另请参阅：

HTML DOM 参考手册：Header Obheto

ตัวอย่าง

ตัวอย่าง 1

หัวข้อ <article> ของ

<article>
  <header>
    <h1>นี่คือหัวข้อ</h1>
    <p>โดยบิล แกเทส</p>
    <p>นี่เป็นข้อมูลเพิ่มเติม</p>
  </header>
  <p>นี่คือข้อความหลัก.... นี่คือข้อความหลัก....</p>
</article>

ทดลองด้วยตัวเอง

ตัวอย่าง 2

หัวข้อหน้า

<header>
  <h1>นี่คือหัวข้อหน้าหลัก</h1>
  <p>โดยบิล แกเทส</p>
</header>

ทดลองด้วยตัวเอง

ตัวแปรทั่วไป

<header> แทร็กยังสนับสนุน ตัวแปรทั่วไปใน HTML。

ตัวแปรเหตุการณ์

<header> แทร็กยังสนับสนุน ตัวแปรเหตุการณ์ใน HTML。

การตั้งค่า CSS โดยเริ่มต้น

โบรวเซอร์ส่วนใหญ่จะแสดงค่าเริ่มต้นตามต่อไปนี้ <header> องค์ประกอบ：

header {
  display: block;
}

การสนับสนุนโบรวเซอร์

ตัวเลขในตารางนี้ระบุเวอร์ชั่นบราวเซอร์ที่สนับสนุนแบบต้นแบบของแทร็ก

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1
  • หน้าก่อน <head>
  • หน้าต่อไป <hgroup>