รู้กันไหมนี่ว่าเว็บไซต์เรา DOCTYPE ถูกไหมหนอและกำลังแสดงผลอยู่ mode ไหนกันหว่า
ซึ่งโดยทั่วไปจะมีอยู่ด้วยกัน 2 mode นะ คือ quirks mode กับ standard mode
เจ้า quirks mode นั่นหมายความว่า เจ้า browser ไม่สามารถตรวจสอบได้ว่าเว็บไซต์ที่เรากำลังเปิดดูอยู่นั้นเป็น DOCTYPE ประเภทไหน ก็จะตีความเป็นเว็บเพจรุ่นเก่าไว้ก่อน ซึ่งจะมีผลทำให้ css ในหน้าเว็บไซต์นั้นๆแตกต่างกันไป หรือผิดแปลกไปในแต่ละ browser
ส่วนเจ้า standard mode ก็คือ คนที่ทำเว็บไซต์นั้นๆได้ระบุ DOCTYPE เป็น <!DOCTYPE html> อย่างถูกต้อง เมื่อเราเปิดเว็บเพจเค้าขึ้นมา เจ้า browser ของเราก็จะรู้ว่าเป็น HTML5 นะ แล้วก็ปรับการแสดงผลให้เป็น standard mode ซะ ไม่ว่าจะเปิดใน browser ค่ายไหน ก็จะตีความเหมือนกัน
แล้วจะรู้ได้ยังไงหละ มาดูวิธีการตรวจสอบด้วย javascript กันดีกว่า
ลอง run ดูแบบ standard mode ก่อน แล้วจากนั้นให้ทดลองลบ <!DOCTYPE html> ออกแล้วลอง run ดูอีกรอบก็จะเห็นความแตกต่าง
ความเห็นล่าสุด