<header>
header เป็นแท็กที่บ่งบอกถึงส่วนหัวของหน้าเพจนั้นๆ สมชื่อมันครับ แต่บางทีมันก็ไม่จำเป็นว่าจะต้องใช้สำหรับส่วนหัวของเว็บเพจอย่างเดียว อาจจะอยู่ใต้แท็ก article หรือ section หรือ footer aside ก็ได้ครับ ก็แล้วแต่จะใช้กันยังไงให้เหมาะสมนะครับ ตัวอย่างเช่น
<body>
<header>
<h1>logo www.abcd.com</h1>
<p>เว็บ abcd.com เว็บเพื่อสุขภาพของชาวไทย</p>
</header>
</body>
ตัวอย่าง1 ด้านบนนี้ เป็นตัวอย่างของ header บนสุดของหน้าเพจ ส่วนใหญ่ใช้คลุมโลโกเว็บ กับรายละเอียดเว็บไซต์เพจนั้นๆ
<article>
<header>
<h1>น้ำปั่นเพื่อสุขภาพ</h1>
<p>การทำน้ำปั่นเพื่อสุขภาพ รักษาโรคภัยใ่ข้เจ็บได้หลากหลาย มีหลายประเภทดังนี้</p>
</header>
<section>
<h2>น้ำปั่นลูกเดือย</h2>
<p>ข้อมูลวิธีการทำ และประโยชน์ของน้ำปั่นลูกเดือย</p>
</section>
<section>
<h2>น้ำปั่นธัญพืช</h2>
<p>ข้อมูลวิธีการทำ และประโยชน์ของน้ำปั่นธัญพืช</p>
</section>
</article>
ตัวอย่าง 2 ด้านบนนี้ เป็นตัวอย่างของ header ที่อยู่ใน article แสดงให้เห็นว่า ไม่จำเป็นจะต้องมี header อยู่ในส่วนบนสุดของเพจเสมอไปครับ
หน้าที่หลักๆ ของ <header> tag
1. ระบุส่วนหัวของหน้าเพจนั้นๆ (ตัวอย่าง1)
2. เป็นเนื้อหาเบื้องต้นของข้อมูลนั้นๆ (ตัวอย่าง2)
3. ในเพจ 1 เพจมี header ได้หลายอันฮะ
