1. ตรวจสอบว่าองค์ประกอบ HTML มีการพิมพ์ผิดหรือไม่หรือลืมแท็กสุดท้าย
แม้แต่ทหารผ่านศึกก็มักจะได้รับความสัมพันธ์ที่ซ้อนกันของ Divs คุณสามารถใช้ฟังก์ชั่นการตรวจสอบ Dreamweaver เพื่อตรวจสอบว่ามีข้อผิดพลาดหรือไม่
2. ตรวจสอบว่า CSS ถูกต้องหรือไม่
ตรวจสอบข้อผิดพลาดในการสะกดคำไม่ว่าคุณจะลืมตอนจบ} ฯลฯ Cleancss สามารถใช้เพื่อตรวจสอบการพิมพ์ของ CSS CleanCSS เป็นเครื่องมือในการลดน้ำหนักสำหรับ CSS แต่ยังสามารถตรวจสอบข้อผิดพลาดในการสะกดคำได้
3. กำหนดว่าเกิดข้อผิดพลาดที่ไหน
หากข้อผิดพลาดมีผลต่อเค้าโครงโดยรวมคุณสามารถลบ Div Block ทีละตัวจนกว่าบล็อก DIV จะถูกลบและการแสดงผลจะกลับสู่ปกติและคุณสามารถกำหนดตำแหน่งของข้อผิดพลาดได้
4. ใช้แอตทริบิวต์เส้นขอบเพื่อกำหนดลักษณะการจัดวางขององค์ประกอบข้อผิดพลาด
หากคุณจัดวางคุณสมบัติ Float โดยไม่ตั้งใจคุณจะทำผิดพลาด ในเวลานี้เพิ่มแอตทริบิวต์เส้นขอบให้กับองค์ประกอบเพื่อกำหนดขอบเขตองค์ประกอบและเหตุผลสำหรับข้อผิดพลาดจะถูกเปิดเผย
5. องค์ประกอบหลักขององค์ประกอบลอยไม่สามารถระบุแอตทริบิวต์ที่ชัดเจน
หากคุณใช้แอตทริบิวต์ที่ชัดเจนบนองค์ประกอบหลักขององค์ประกอบลอยตัวภายใต้ Macie การจัดวางขององค์ประกอบลอยรอบ ๆ จะสับสน นี่เป็นข้อผิดพลาดที่มีชื่อเสียงใน Macie และถ้าคุณไม่รู้คุณจะต้องอ้อม
6. องค์ประกอบลอยต้องระบุแอตทริบิวต์ความกว้าง
เบราว์เซอร์จำนวนมากจะมีข้อบกพร่องเมื่อแสดงองค์ประกอบลอยที่มีความกว้างที่ไม่ระบุ ดังนั้นไม่ว่าเนื้อหาขององค์ประกอบลอยตัวคืออะไรคุณต้องระบุแอตทริบิวต์ความกว้าง
นอกจากนี้เมื่อระบุองค์ประกอบให้ลองใช้ EM แทน PX เป็นหน่วย
7. องค์ประกอบการลอยไม่สามารถระบุคุณสมบัติเช่นมาร์จิ้นและการขยายได้
IE มีข้อผิดพลาดเมื่อแสดงองค์ประกอบลอยที่มีระยะขอบและช่องว่างภายในที่ระบุ ดังนั้นอย่าระบุมาร์จิ้นและแอ็ตทริบิวต์สำหรับองค์ประกอบลอยตัว (คุณสามารถทำรัง DIV ภายในองค์ประกอบลอยเพื่อกำหนดระยะขอบและช่องว่างภายใน) คุณยังสามารถใช้วิธีการแฮ็คเพื่อระบุค่าพิเศษสำหรับ IE
8. ผลรวมของความกว้างขององค์ประกอบการลอยควรน้อยกว่า 100%
หากผลรวมของความกว้างขององค์ประกอบการลอยตัวคือ 100%เบราว์เซอร์โบราณบางตัวจะไม่แสดงตามปกติ ดังนั้นโปรดตรวจสอบให้แน่ใจว่าผลรวมของความกว้างน้อยกว่า 99%
9. มีการรีเซ็ตสไตล์เริ่มต้นหรือไม่?
คุณลักษณะบางอย่างเช่นมาร์จิ้น, ช่องว่าง, ฯลฯ จะมีคำอธิบายที่แตกต่างกันสำหรับเบราว์เซอร์ที่แตกต่างกัน ดังนั้นจึงเป็นการดีที่สุดที่จะตั้งค่าส่วนต่างทั้งหมดและการขยายเป็น 0 ซึ่งเป็นรูปแบบรายการที่ไม่มี ฯลฯ ก่อนการพัฒนา
10. คุณลืมเขียน DTD หรือไม่?
หากผลการแสดงผลของเบราว์เซอร์ที่แตกต่างกันยังคงแตกต่างกันคุณสามารถตรวจสอบว่าคุณลืมที่จะเขียนบรรทัดต่อไปนี้ DTD ที่จุดเริ่มต้นของหน้า:
＜! doctype html public "-// w3c // dtd html 4.01 transitional // en " " http: //www.w3.org/tr/html4/loose.dtd "＞