ฉันคุ้นเคยกับมาตรฐานเว็บมาเป็นเวลานานแล้ว แต่ฉันก็เริ่มฝึกฝนมันได้ไม่นาน วันนี้ฉันอยากจะแบ่งปันข้อมูลเชิงลึกเกี่ยวกับโครงสร้างโค้ดกับมือใหม่อย่างหมาป่า บทความนี้เป็นการอ่านเบื้องต้น
เพื่อนบางคนอาจรู้สึกสับสนเล็กน้อยเมื่อเห็นชื่อนี้ ดังนั้นให้ Wolf อธิบายให้ทุกคนฟัง
ก่อนอื่น เรามาพูดถึงความเข้าใจของ Wolf ในส่วนของคำพูดของ “DIV CSS” กันก่อน Wolf คิดว่ามันเป็นคำคุณศัพท์ เธออธิบายว่าการนำเทคโนโลยีการออกแบบเว็บไซต์มาใช้ซึ่งใช้ DIV (จริงๆ แล้วคือ XHTML) เป็นโครงสร้าง และใช้ CSS เป็นการนำเสนอ เมื่อมาตรฐานเว็บถูกนำมาใช้ในจีน หลายคนเรียกการใช้การออกแบบมาตรฐานเว็บว่า "DIV CSS" เพื่อให้ทุกคนเข้าใจได้ง่ายขึ้น อย่างไรก็ตาม ปัญหาก็เกิดขึ้นเช่นกัน นักออกแบบหลายคนที่ยังใหม่กับมาตรฐานเว็บคิดว่าควรใช้ DIV เพื่อแทนที่เค้าโครงตารางดั้งเดิมของเรา โครงสร้างของหน้าเว็บที่พวกเขาออกแบบยังรวมถึง DIV และ CSS
ข้อผิดพลาดที่เกิดขึ้นดังแสดงในรูป องค์ประกอบทั้งหมดใช้รูปแบบ DIV
การวิเคราะห์ข้อผิดพลาดอย่างง่าย เนื่องจากความเข้าใจที่ไม่ถูกต้อง มือใหม่จำนวนมากจึงใช้ DIV สำหรับเลย์เอาต์อย่างสมบูรณ์ ในโครงสร้างดังกล่าว DIV2 และ 3 ไม่มีความหมายเลย เหตุผลหนึ่งที่เรานำมาตรฐานเว็บมาใช้ก็คือเพื่อทำให้โครงสร้างของโค้ดมีความหมายมากขึ้น ฉันจำได้ว่าคิดว่าผู้เชี่ยวชาญบอกว่าการใช้ DIV โดยไม่เลือกปฏิบัตินั้นแย่พอๆ กับการใช้เค้าโครงตาราง
จริงๆ แล้วเราสามารถแก้ไขโค้ดได้แบบนี้ มาทำให้โครงสร้างหน้าเว็บของเราดีขึ้นกันเถอะ
ในที่นี้ DIV2 และ 3 จะถูกแทนที่ด้วย h2 และ p ซึ่งสอดคล้องกับเนื้อหาของหน้ามากกว่า ทำให้โครงสร้างโค้ดของหน้าชัดเจนและมีความหมายมากขึ้น
ฉันเชื่อว่าทุกคนควรเข้าใจความหมายของ "DIV CSS ไม่ใช่ DIV CSS จริงๆ" ผ่านตัวอย่างของ Wolf