HTML <header>แท็ก
ตัวอย่าง
ส่วนหัวสำหรับ <บทความ>:
<article>
<header>
<h1>A heading here</h1>
<p>Posted by John
Doe</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
องค์ประกอบ นี้<header>
แสดงถึงคอนเทนเนอร์สำหรับเนื้อหาเบื้องต้นหรือชุดของลิงก์การนำทาง
องค์ประกอบ<header>
โดยทั่วไปประกอบด้วย:
- องค์ประกอบส่วนหัวอย่างน้อยหนึ่งรายการ (<h1> - <h6>)
- โลโก้หรือไอคอน
- ข้อมูลผู้แต่ง
หมายเหตุ:คุณสามารถมี<header>
องค์ประกอบหลายอย่างในเอกสาร HTML เดียว อย่างไรก็ตาม<header>
ไม่สามารถวางภายใน <footer>, <address> หรือ<header>
องค์ประกอบอื่นได้
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนองค์ประกอบอย่างสมบูรณ์
Element | |||||
---|---|---|---|---|---|
<header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
คุณสมบัติสากล
แท็ ก<header>
ยังสนับสนุน Global Attributes ในHTML
คุณสมบัติของเหตุการณ์
แท็ ก<header>
ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ส่วนหัวของหน้า:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: Header Object
การตั้งค่า CSS เริ่มต้น
เบราว์เซอร์ส่วนใหญ่จะแสดง<header>
องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:
header {
display: block;
}