โค้ดที่สวยงามเป็นรากฐานของเว็บไซต์ที่สวยงาม CSS ที่ยอดเยี่ยมนั้นมีอยู่นอกเหนือจากโค้ด HTML ที่ยอดเยี่ยมและมีความหมายไม่แพ้กันเท่านั้นที่ทำให้เว็บไซต์แข็งแกร่งยิ่งขึ้น บทความนี้จะอธิบายกฎหมาย 12 ข้อในการบรรลุโค้ดการออกแบบเว็บไซต์ที่สะอาดตา ซึ่งเหมาะสำหรับทุกคนที่มีส่วนร่วมในการออกแบบเว็บไซต์ 1. DOCTYPE ที่เข้มงวด ถ้าต้องทำก็ทำให้ถูกต้อง ไม่ว่าจะเป็น HTML 4.01 หรือ XHTML 1.0 ทั้งหมดนี้มีโหมดเข้มงวด การใช้โหมดเข้มงวดช่วยให้มั่นใจได้ว่าโค้ดของเราจะไม่ซ่อนข้อผิดพลาดใดๆ 2. การประกาศชุดอักขระ อักขระพิเศษจะถูกเข้ารหัส การประกาศชุดอักขระควรวางไว้ก่อนในส่วน hea> เพื่อให้เบราว์เซอร์ทราบวิธีแสดงเนื้อหาทั้งหมดในหน้าเว็บ รวมถึงชื่อเรื่องด้วย นอกจากนี้ อักขระพิเศษบางตัว เช่น & จะถูกแทนที่ด้วย & ซึ่งเป็นวิธีที่ปลอดภัยที่สุด 3. การล็อคที่เหมาะสม การเยื้องจะไม่ส่งผลต่อการแสดงผลหน้าเว็บ แต่จะปรับปรุงประสบการณ์ในการอ่านซอร์สโค้ดอย่างมาก ไม่มีกฎเกณฑ์เฉพาะสำหรับการเยื้อง แต่แนวทางปฏิบัติที่ดีคือต้องสม่ำเสมอตลอด 4. วาง CSS และ JavaScript ในไฟล์ภายนอก การวางการอ้างอิง CSS และ JavaScript ในไฟล์ภายนอกไม่เพียงแต่ลดขนาดของหน้าเว็บเดียวเท่านั้น แต่ยังหมายความว่าหน้าเว็บอื่นๆ สามารถแชร์โค้ดเหล่านี้ได้ด้วย นอกจากนี้ กลไกการแคชของเบราว์เซอร์ยังสามารถลดการดาวน์โหลดโค้ดเดียวกันซ้ำๆ ได้อย่างมีประสิทธิภาพ 5. ซ้อนแท็กอย่างถูกต้อง ดังที่แสดงด้านล่าง ในบรรทัดแรกของโค้ด แท็ก h1> ซ้อนอยู่ในแท็ก a> แม้ว่าเบราว์เซอร์ส่วนใหญ่จะแสดงผลอย่างถูกต้อง แต่แท็กนี้เป็นวัตถุบล็อก แต่เป็นวัตถุแบบอินไลน์ วัตถุอินไลน์ไม่ควรมีวัตถุบล็อก 6. กำจัด div ที่ไม่จำเป็น Div มักถูกใช้ในทางที่ผิด (โดยเฉพาะอย่างยิ่งในตำนาน DIV+CSS ที่เราเป็นอยู่ตอนนี้ - นักแปล) ผู้คนต้องการใส่ทุกอย่างไว้ใน div เพื่อให้พวกเขาสามารถกำหนดสไตล์ CSS ให้พวกเขาได้ และการละเมิดนี้อาจนำไปสู่การบวมได้ 7. ใช้แบบแผนการตั้งชื่อที่ดีกว่า ดังที่แสดงด้านล่าง คลาส CSS ของ Cat มีชื่อว่า red italic ซึ่งหมายความว่า Cat ใช้ตัวเอียงสีแดง จะเป็นอย่างไรถ้าคุณต้องการเปลี่ยน Cat เป็นตัวหนาสีน้ำเงิน 8. ลองใช้ CSS เพื่อควบคุมเค้าโครงข้อความ ดังแสดงในรูปด้านล่าง ห้ามใช้อักษรตัวพิมพ์ใหญ่โดยตรง ใช้ CSS เพื่อควบคุมการจัดรูปแบบของคำเหล่านี้จะมีความยืดหยุ่นมากขึ้น 9. กำหนดคลาส/id อิสระให้กับเนื้อหา การกำหนดคลาส/id อิสระให้กับแท็กเนื้อหาสามารถค้นหาวัตถุใดๆ ในเพจได้อย่างง่ายดาย เนื่องจากวัตถุทั้งหมดในเพจนั้นอยู่ในเนื้อหา 10. การตรวจสอบ จำเป็นต้องพูด คุณควรตรวจสอบโค้ดของหน้าเว็บของคุณทุกครั้งที่เป็นไปได้ แม้ว่าข้อผิดพลาดในการเขียนโค้ดบางอย่างจะสามารถแก้ไขได้โดยอัตโนมัติโดยเบราว์เซอร์ แต่ข้อผิดพลาดบางอย่างจะส่งผลเสียตามมา โดยเฉพาะอย่างยิ่งหากคุณอยู่ในโหมดเข้มงวด แม้ว่าคุณจะไม่ได้ทำอะไรเลย แต่อย่างน้อยการได้เห็นเครื่องหมายยืนยัน W3C สีเขียวก็ทำให้คุณรู้สึกดีขึ้นได้ ไม่จำเป็นต้องเข้มงวดในการผ่านการตรวจสอบ W3C มีข้อควรพิจารณาเพิ่มเติมในการออกแบบเว็บไซต์ การยึดถือผลการตรวจสอบ W3C เท่านั้นที่อาจส่งผลต่อปัจจัยที่สำคัญบางประการ เช่น IE6 มีข้อบกพร่องมากมายในมาตรฐาน W3C 100 %หากคุณประกาศว่าเว็บไซต์ของคุณไม่รองรับ IE6 ผ่านการตรวจสอบ W3C อย่างน้อยในประเทศจีน คุณจะสูญเสียมากกว่าที่คุณได้รับ - นักแปล 11. ลำดับโครงสร้างที่เหมาะสม รักษาโครงสร้างของหน้าเว็บของคุณตามลำดับตรรกะ 12. ทำให้ดีที่สุด หากคุณเริ่มเขียนตั้งแต่ต้น แน่นอนว่าการรักษาหลักการข้างต้นจะง่ายกว่ามาก หากคุณต้องการแก้ไขโค้ดเก่า การเขียนโค้ดที่ไม่ดีของระบบ CMS บางระบบจะทำให้คุณตกอยู่ในหล่มสลาย เว็บไซต์จะต้องได้รับการแก้ไขหากมีขนาดใหญ่ ไม่ว่าอะไรก็ตาม สิ่งสำคัญคือต้องรักษานิสัยที่ดีไว้เสมอ