ชื่อ (Heading) ถูกกำหนดโดยแท็ก <h1>-<h6>, <h1> กำหนดแท็กที่ใหญ่ที่สุด (สำคัญที่สุด) และ <h6> กำหนดแท็กที่เล็กที่สุด (สำคัญน้อยที่สุด) ควรสังเกตว่าแท็กชื่อเรื่องใช้สำหรับชื่อเรื่องเท่านั้น อย่าใช้แท็กชื่อเรื่องเพียงเพื่อสร้างข้อความที่เป็นตัวหนาหรือใหญ่ เนื่องจากหน้าที่ของชื่อเรื่องคือการอำนวยความสะดวกให้ผู้ใช้สามารถเรียกดูหน้าเว็บได้อย่างรวดเร็ว ดังนั้นชื่อเรื่องจึงไม่สามารถ นำไปใช้อย่างไม่เลือกหน้า แท็กเหล่านี้สามารถกำหนดชื่อในหน้าเว็บได้ (คล้ายกับชื่อในคำ) การใช้ชื่ออย่างสมเหตุสมผลสามารถทำให้โครงสร้างลำดับชั้นของหน้าเว็บชัดเจนขึ้น
เคล็ดลับ: ส่วนหัวใน HTML ช่วยให้เครื่องมือค้นหาเข้าใจโครงสร้างและเนื้อหาของหน้าเว็บ
ตามค่าเริ่มต้น เบราว์เซอร์จะแสดงเนื้อหาในส่วนหัวด้วยแบบอักษรที่ใหญ่กว่าและหนากว่าข้อความปกติ ส่วนหัวที่กำหนดโดยใช้แท็ก <h1> จะมีขนาดแบบอักษรที่ใหญ่ที่สุด ในขณะที่ส่วนหัวที่กำหนดโดยใช้แท็ก <h6> จะมีขนาดแบบอักษรที่เล็กที่สุด ดังที่แสดงใน ตัวอย่างด้านล่าง:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>การสาธิตแท็กชื่อ HTML</title></head><body><h1>ชื่อ h1</h1><h2>ชื่อ h2< /h2><h3>h3 ชื่อ</h3><h4>h4 ชื่อ</h4><h5>h5 ชื่อ</h5><h6>h6 ชื่อ</h6></body></html>
ผลการวิ่งแสดงในรูปด้านล่าง:
1. ชื่อ HTML
(1) ส่วนหัวถูกกำหนดผ่านแท็ก <h1> - <h6>
(2) <h1> กำหนดหัวเรื่องที่ใหญ่ที่สุด <h6> กำหนดหัวข้อที่เล็กที่สุด
2. ชื่อเรื่องมีความสำคัญ
ตรวจสอบให้แน่ใจว่าใช้แท็กชื่อ HTML สำหรับชื่อเท่านั้น อย่าใช้ส่วนหัวเพียงเพื่อสร้างข้อความที่หนาหรือใหญ่
เครื่องมือค้นหาใช้ส่วนหัวเพื่อสร้างดัชนีโครงสร้างและเนื้อหาของหน้าเว็บของคุณ
เนื่องจากผู้ใช้สามารถใช้ส่วนหัวเพื่อนำทางไปยังหน้าของคุณได้อย่างรวดเร็ว การใช้ส่วนหัวเพื่อนำเสนอโครงสร้างของเอกสารของคุณจึงเป็นสิ่งสำคัญ
ควรใช้ h1 เป็นหัวข้อหลัก (สำคัญที่สุด) ตามด้วย h2 (สำคัญที่สุดถัดไป) ตามด้วย h3 และอื่นๆ
3. เส้นแนวนอน HTML
แท็ก <hr> สร้างเส้นแนวนอนในหน้า HTML
องค์ประกอบ hr สามารถใช้เพื่อแยกเนื้อหา
<p>นี่คือย่อหน้า </p><hr><p>นี่คือย่อหน้า </p><hr><p>นี่คือย่อหน้า </p>
ผลการวิ่งแสดงในรูปด้านล่าง:
4. ความคิดเห็น HTML
ความคิดเห็นสามารถแทรกลงในโค้ด HTML เพื่อปรับปรุงความสามารถในการอ่านและทำให้โค้ดเข้าใจได้ง่ายขึ้น เบราว์เซอร์จะละเว้นความคิดเห็นและไม่แสดงความคิดเห็นเหล่านั้น
ความคิดเห็นถูกเขียนดังนี้:
<!--นี่คือความคิดเห็น--><p>ความคิดเห็นข้างต้นจะไม่ปรากฏบนหน้าเว็บ </p>
หมายเหตุ: ต้องตามด้วยเครื่องหมายอัศเจรีย์ (เครื่องหมายวรรคตอนภาษาอังกฤษ) ทันทีหลังวงเล็บเปิด (วงเล็บเหลี่ยมซ้าย) แต่ต้องไม่อยู่หน้าวงเล็บปิด (วงเล็บเหลี่ยมขวา) การใช้ความคิดเห็นอย่างสมเหตุสมผลสามารถช่วยแก้ไขโค้ดได้ในอนาคต
5. เคล็ดลับ HTML - วิธีดูซอร์สโค้ด
คุณเคยดูหน้าเว็บบางหน้าและประหลาดใจกับวิธีการทำหรือไม่?
หากคุณต้องการทราบ เพียงคลิกขวาแล้วเลือก View Source (IE) หรือ View Page Source (Firefox) แล้วเบราว์เซอร์อื่นๆ ก็ทำเช่นเดียวกัน เพื่อเปิดหน้าต่างที่มีโค้ด HTML ของหน้านั้น