ในบทช่วยสอนก่อนหน้านี้ใน Wulin.com ได้รับการเน้นหลายครั้งที่หน้าเว็บ HTML มีความหมาย เราควรเลือกแท็ก HTML หรือ XHTML ที่เหมาะสมที่สุดตามโครงสร้างของเอกสารหน้าเว็บ HTML แทนที่จะเลือกตามลักษณะและสไตล์ของพวกเขา ใช้แท็ก P เพื่อกำหนดย่อหน้าแทนที่จะใช้เพื่อรับเอฟเฟกต์บรรทัดใหม่ แทนที่จะใช้มันเพื่อให้ได้ขนาดข้อความและเอฟเฟกต์ตัวหนาเราใช้แท็ก H1-H6 เพื่อทำเครื่องหมายชื่อ
ตัวอย่างเช่นชื่อเราสามารถกำหนดได้ด้วย H1:
<H1> ข้อความชื่อเรื่องของบทความเขียนไว้ที่นี่ </h1>
และไม่ควรใช้วิธีอื่นในการกำหนด:
<p style = ขนาดตัวอักษร: 16px; Font-weight: bold;> ข้อความชื่อเรื่องของบทความเขียนที่นี่ </p>
ในบทความก่อนหน้าของ Wulin.com เราแสดงรายการแท็กทั้งหมดที่อนุญาตโดย XHTML1.0 และเรายังสามารถพบว่ามีแท็กองค์ประกอบน้อยมากที่อนุญาตให้เราเลือก แต่เราก็ตระหนักได้อย่างชัดเจนว่าเครื่องหมายองค์ประกอบที่ละเอียดอ่อนเหล่านี้มีความหมายมากกว่า หากคุณไม่สามารถหาองค์ประกอบที่เหมาะสมในการทำเครื่องหมายได้คุณสามารถใช้แท็ก Div และ Span ทั่วไปได้
การใช้แท็ก divs และ span บนหน้าเป็นปัญหาใหม่และเรามีแนวโน้มที่จะใช้มันมากเกินไป การใช้ DIV ที่จำเป็นและสมเหตุสมผลสามารถปรับปรุงโครงสร้างของเอกสารได้อย่างมีนัยสำคัญ หากคุณดูเอกสาร HTML ของคุณและพบว่ามีกลุ่มและช่วงจำนวนมากคุณต้องดูปัญหาจากมุมมองที่แตกต่างกัน มีการละเมิดหรือไม่? มีเครื่องหมายที่ดีกว่านี้หรือไม่? หาก H1 สามารถแสดงเนื้อหาที่ทำเครื่องหมายไว้ได้ดีขึ้นคุณจะต้องยอมแพ้ P หรือขยายสำหรับคำจำกัดความ
บางทีนี่อาจเป็นคู่ของความขัดแย้งและเป็นเรื่องยากสำหรับเราที่จะเข้าใจวิธีการใช้งานอย่างถูกต้องหรือบางทีเราไม่สามารถรับคำตอบที่ชัดเจนได้เลย แต่สิ่งหนึ่งที่ต้องชี้แจงก็คือเราควรทำให้เอกสารชัดเจนและง่ายต่อการใช้สไตล์ เราสามารถดู div เป็นคอนเทนเนอร์หรือเป็นส่วนประกอบของเอกสาร เราใช้ภาชนะบรรจุมากเกินไปซึ่งไม่ใช่รูปแบบที่ฉลาด คอนเทนเนอร์ที่อยู่ในตำแหน่งที่เหมาะสมสามารถทำให้เอกสารทั้งหมดดูเป็นระเบียบมาก
รหัสต่อไปนี้มีเหตุผลและมีประสิทธิภาพมากขึ้น:
<div id = ส่วนหัว>
<H1> wulin.com vevb.com ยินดีต้อนรับสู่การมาถึงของคุณ </h1>
<h2> wulin.com webjx.com ให้บริการเทคโนโลยีเว็บล่าสุดและเร็วที่สุด </h2>
<p> wulin.com vevb.com ให้บริการการสอนการผลิตเว็บ, แบบฝึกหัดการผลิตเว็บแบบไดนามิก, คู่มือการสร้างเว็บไซต์, แบบฝึกหัดแอนิเมชั่นแฟลช, บทเรียนวิดีโอ, รหัสเอฟเฟกต์พิเศษเว็บ, วัสดุเว็บ, การดาวน์โหลดหนังสือและเนื้อหาอื่น ๆ ฉันหวังว่ามันจะช่วยคุณในการทำงานและเรียน </p>
</div>