HTML Headings คือ ส่วนหัวเรื่องหรือคำบรรยายที่ใช้แสดงบนหน้าเว็บ โดยจะมีขนาดใหญ่ไล่ไปเล็กตามความสำคัญของหัวข้อนั้นๆ
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
- สามารถกำหนดส่วนหัวเรื่องได้ด้วย แท็ก (Tag)
<h1>ถึง<h6> <h1>ใช้สำหรับหัวข้อที่สำคัญที่สุด<h6>ใช้สำหรับหัวข้อที่สำคัญน้อยที่สุด
⚠️ หมายเหตุ
เบราว์เซอร์จะเพิ่มระยะขอบ ก่อนและหลังส่วนหัวโดยอัตโนมัติ
ความสำคัญของ Heading
Heading มีความสำคัญอย่างมากเพราะ Search Engines จะใช้ส่วน Heading ในการจัดเก็บ Index (ดัชนี) ซึ่งส่งผลต่อการเข้าถึงและมองเห็นเว็บไซต์ของคุณ
นอกจากนี้ ผู้ใช้มักจะเข้าชมเว็บไซต์ตามหัวเรื่อง ดังนั้นสิ่งสำคัญคือต้องใช้ Heading เพื่อแสดงโครงสร้างและเนื้อหาภายในหน้านั้น ๆ อย่างชัดเจน
<h1> ควรใช้สำหรับหัวเรื่องหลักของหน้าเว็บ ตามด้วย <h2> หัวข้อรอง และ <h3> สำหรับหัวข้อย่อยลำดับถัดไปตามลำดับความสำคัญ
Heading ที่ใหญ่กว่า
โดยปกติ Heading แต่ละตัวจะมีขนาดมาตรฐาน แต่สามารถปรับขนาดหัวเรื่องได้เองโดยใช้ แอตทริบิวต์ style และคุณสมบัติ CSS
font-size ได้
<h1 style="font-size:60px;">Heading 1</h1>