แท็กหัวเรื่อง (ซึ่งไม่ใช่แท็ก ของ HTML หรือ ส่วนหัวของ HTTP) ใช้เพื่อจัดการโครงสร้างของ หน้าเว็บไซต์ แท็กหัวเรื่องมีอยู่ทั้งหมด 6 ขนาด และเริ่มต้นด้วย <h1> ซึ่งเป็นส่วนสำคัญที่สุด เรียงไปจนถึง <h6> ซึ่งเรียงตามความสำคัญ
เนื่องจากแท็กหัวข้อส่งผลให้ข้อความภายในแท็กนั้นมีขนาดใหญ่กว่าข้อความอื่นๆ ในหน้าเว็บไซต์ ซึ่งเป็นการเน้นให้ผู้ใช้รับรู้ได้ว่าข้อความนั้นมีความสำคัญ และขนาดหัวข้อที่แตกต่างกันนี้ได้ก่อให้เกิดโครงสร้างตามลำดับขั้น ซึ่งจะทำให้ผู้ใช้เข้าใจได้ง่ายยิ่งขึ้น
1. โดยให้จินตนาการว่าเรากำลังร่างเค้าโครงเนื้อหา
ซึ่งไม่ต่างไปจากการเขียนเค้าโครงเนื้อหาสำหรับ รายงานเล่มใหญ่ นั่นคือจัดระเบียบข้อมูลว่าประเด็นหลักและประเด็นรองของเนื้อหาในหน้าเว็บไซต์ ควรอยู่ที่ใด และตัดสินใจว่าควรวางแท็กหัวข้ออย่างไรจึงจะเหมาะสม
หลีกเลี่ยง
• การวางแท็กหัวเรื่องกับข้อความที่ไม่จำเป็น ซึ่งอาจทำให้โครงสร้างเนื้อหาในเว็บไซต์ดูไม่เป็นที่น่าสนใจ
• การใช้แท็กหัวเรื่องผิดที่ เช่นใช้ควบคู่กับแท็ก <em> (แท็ก HTML สำหรับการเน้นข้อความ โดยใช้ตัวเอียง) และ <strong> (แท็ก HTML สำหรับการเน้นข้อความ โดยใช้ตัวหนา )
• การใช้ขนาดแท็กหัวเรื่องที่ไม่แน่นอน
• การใช้แท็กหัวเรื่องผิดที่ เช่นใช้ควบคู่กับแท็ก <em> (แท็ก HTML สำหรับการเน้นข้อความ โดยใช้ตัวเอียง) และ <strong> (แท็ก HTML สำหรับการเน้นข้อความ โดยใช้ตัวหนา )
• การใช้ขนาดแท็กหัวเรื่องที่ไม่แน่นอน
2. ควรใช้แท็กหัวเรื่องอย่างเหมาะสม
ไม่วางแท็กหัวข้ออย่างพร่ำเพรื่อ แท็กหัวข้อที่ปรากฏบนหน้าเว็บไซต์มากเกินไปทำให้ผู้ใช้มีปัญหาในการอ่านข้อมูลคร่าวๆ และยากต่อการพิจารณาว่าส่วนใดคือจุดสิ้นสุดหัวข้อ และส่วนใดคือจุดเริ่มต้นหัวข้อใหม่
หลีกเลี่ยง
• การวางแท็กหัวข้อบนหน้าเว็บอย่างฟุ่มเฟือย
• การใส่ข้อความทั้งหมดบนหน้าเว็บลงในแท็กหัวข้อเรื่องเดียว
• การใช้แท็กหัวเรื่อง สำหรับการจัดแต่งข้อความ โดยไม่คิดถึงความเหมาะสมของโครงสร้างของเนื้อหา
• การใส่ข้อความทั้งหมดบนหน้าเว็บลงในแท็กหัวข้อเรื่องเดียว
• การใช้แท็กหัวเรื่อง สำหรับการจัดแต่งข้อความ โดยไม่คิดถึงความเหมาะสมของโครงสร้างของเนื้อหา
ตัวอย่างลำดับความสำคัญของ h1 ถึง h6 ตามความเข้าใจได้ง่ายๆ
เช่น หากเขียนบทความเกี่ยวกับ “โลก” ควรเขียนแท็กหัวข้อ ดังนี้
<h1>โลก</h1>
<h2>ทวีปเอเชีย</h2>
<h3>ประเทศ</h3>
<h4>จังหวัด</h4>
<h5>ตำบล</h5>
<h6>หมู่บ้าน</h6>
<h2>ทวีปยุโรป</h2>
<h2>ทวีปเอเชีย</h2>
<h3>ประเทศ</h3>
<h4>จังหวัด</h4>
<h5>ตำบล</h5>
<h6>หมู่บ้าน</h6>
<h2>ทวีปยุโรป</h2>
เป็นต้น

ไม่มีความคิดเห็น:
แสดงความคิดเห็น