ในบทช่วยสอนก่อนหน้านี้บนเครือข่ายการสอนหน้าเว็บ มีการเน้นหลายครั้งเพื่อทำให้ไฟล์ HTML ของหน้าเว็บมีความหมาย เราควรเลือกแท็ก HTML หรือ XHTML ที่เหมาะสมที่สุดตามโครงสร้างของเอกสาร HTML ของหน้าเว็บ แทนที่จะเลือกตามลักษณะที่ปรากฏ ใช้แท็ก P เพื่อกำหนดย่อหน้าแทนที่จะใช้เพื่อสร้างเอฟเฟกต์การขึ้นบรรทัดใหม่ เราใช้แท็ก h1-h6 เพื่อทำเครื่องหมายส่วนหัว แทนที่จะใช้แท็กเหล่านี้เพื่อให้ได้ขนาดตัวอักษรและเอฟเฟกต์ตัวหนา
ตัวอย่างเช่น สำหรับชื่อเรื่อง เราสามารถใช้ h1 เพื่อกำหนด:
<h1>เขียนข้อความชื่อเรื่องของบทความที่นี่</h1>
แทนที่จะกำหนดด้วยวิธีอื่น:
<p style="font-size:16px; font-weight:bold;">เขียนข้อความชื่อเรื่องของบทความที่นี่</p>
ในบทความก่อนหน้านี้เกี่ยวกับ Web Teaching Network เราได้แสดงรายการแท็กทั้งหมดที่อนุญาตโดย XHTML1.0 นอกจากนี้เรายังพบว่ามีแท็กองค์ประกอบน้อยมากที่เราสามารถเลือกได้ แต่เรายังตระหนักได้อย่างชัดเจนว่าเครื่องหมายองค์ประกอบที่ได้รับการปรับปรุงเหล่านี้ยังมีความหมายที่ชัดเจนกว่าอีกด้วย หากคุณไม่พบองค์ประกอบที่ถูกต้องในการแท็ก คุณสามารถใช้แท็ก div และ span ทั่วไปได้
การใช้แท็ก div และ span ในหน้าเว็บถือเป็นปัญหาใหม่ และเรามักจะใช้แท็กเหล่านี้มากเกินไป การใช้ div ที่จำเป็นและสมเหตุสมผลสามารถปรับปรุงโครงสร้างของเอกสารได้อย่างมาก หากคุณดูเอกสาร HTML ของคุณและพบว่ามี div และ spans จำนวนมาก คุณจะต้องมองปัญหาจากมุมมองที่ต่างออกไป มีการละเมิดหรือไม่ มีมาร์กเกอร์ที่ดีกว่ามาแทนที่หรือไม่? หาก h1 สามารถแสดงเนื้อหาที่ทำเครื่องหมายได้ดีกว่า คุณจะต้องละทิ้ง p หรือ span เพื่อกำหนดเนื้อหานั้น
บางทีนี่อาจเป็นความขัดแย้งคู่หนึ่ง และเป็นเรื่องยากสำหรับเราที่จะเข้าใจวิธีใช้อย่างถูกต้อง หรือบางทีเราอาจไม่สามารถได้รับคำตอบที่ชัดเจนเลย แต่สิ่งหนึ่งที่ต้องมีการชี้แจง เราควรทำให้เอกสารมีโครงสร้างเชิงตรรกะที่ชัดเจน และทำให้ง่ายต่อการใช้สไตล์ เราอาจคิดว่า div เป็นเพียงคอนเทนเนอร์หรือ "ส่วนหนึ่ง" ของเอกสาร เราใช้ภาชนะมากเกินไป ซึ่งไม่ใช่รูปแบบที่ชาญฉลาด และคอนเทนเนอร์ที่เหมาะสมและอยู่ในตำแหน่งที่เหมาะสมสามารถทำให้เอกสารทั้งหมดดูเป็นระเบียบได้
รหัสต่อไปนี้สมเหตุสมผลและมีประสิทธิภาพมากกว่า:
| ต่อไปนี้เป็นเนื้อหาที่ยกมา: <div id="ส่วนหัว"> |