เปิดใช้งานโหมดเบราว์เซอร์ด้วยประเภทเอกสาร

เว็บเบราว์เซอร์ร่วมสมัยใช้โหมดกลไกที่แตกต่างกันเพื่อจัดการกับหน้าเว็บที่เขียนขึ้นตามมาตรฐานเว็บและที่เขียนตามแนวทางปฏิบัติแบบเก่าที่แพร่หลายในช่วงปลายทศวรรษ 1990 บทความนี้จะอธิบายว่ารูปแบบเหล่านั้นคืออะไรและจะทริกเกอร์ได้อย่างไร

ข้อความต้นฉบับ: การเปิดใช้งานโหมดเบราว์เซอร์ด้วย Doctype โดย Henri Sivonen

ขอบเขตเอกสาร

การสลับโหมดที่รวมอยู่ในบทความนี้ใช้กับ Firefox และเบราว์เซอร์ที่ใช้ Gecko อื่นๆ, Safari, Chrome และเบราว์เซอร์ที่ใช้ Webkit อื่นๆ, Opera, Konqueror, Internet Explorer สำหรับ Mac, Internet Explorer สำหรับ Windows และอุปกรณ์ฝังตัวของ IE หลีกเลี่ยงการเอ่ยถึง ชื่อของกลไกเบราว์เซอร์ และใช้ชื่อของเบราว์เซอร์ที่เป็นที่รู้จักมากที่สุดสำหรับกลไกนั้นแทน

บทความนี้มุ่งเน้นไปที่กลไกการเลือกโหมดแทนที่จะบันทึกลักษณะการทำงานที่แน่นอนของแต่ละโหมด

แบบอย่าง

นี่คือโหมดต่างๆ:

โหมดที่มีเนื้อหาประเภทข้อความ/html

การเลือกโหมดสำหรับเนื้อหาข้อความ/html ขึ้นอยู่กับการดมประเภทเอกสาร ( จะอธิบายต่อไปในบทความนี้ ) ใน IE8 โหมดนี้จะขึ้นอยู่กับปัจจัยอื่นๆ เช่นกัน อย่างไรก็ตาม ตามค่าเริ่มต้นใน IE8 โหมดสำหรับไซต์ที่ไม่ใช่อินทราเน็ตที่ไม่อยู่ในบัญชีดำของ Microsoft จะขึ้นอยู่กับประเภทของเอกสาร

ไม่สามารถเน้นย้ำมากเกินไปว่าลักษณะการทำงานที่แม่นยำของรูปแบบจะแตกต่างกันไปในแต่ละเบราว์เซอร์ แม้ว่าจะกล่าวถึงอย่างเท่าเทียมกันในบทความนี้ก็ตาม

โหมดนิสัยแปลกๆ

ในโหมดนิสัยใจคอ เบราว์เซอร์จะฝ่าฝืนข้อกำหนดการจัดรูปแบบเว็บร่วมสมัยเพื่อหลีกเลี่ยงการ "ทำลาย" เพจที่ถูกสร้างขึ้นตามแนวทางปฏิบัติแบบเก่าที่แพร่หลายในช่วงปลายทศวรรษ 1990 เบราว์เซอร์ที่ต่างกันมีนิสัยไม่เหมือนกัน ใน Internet Explorer 6, 7 และ 8 โหมด quirks จะหยุดการทำงานของ IE 5.5 ได้อย่างมีประสิทธิภาพ ในเบราว์เซอร์อื่นๆ โหมด Quirks เป็นส่วนเบี่ยงเบนเล็กน้อยจากโหมดมาตรฐานเกือบทั้งหมด

หากคุณกำลังสร้างหน้าเว็บใหม่ คุณควรปฏิบัติตามข้อกำหนดที่เกี่ยวข้อง (โดยเฉพาะ CSS2.1) และใช้โหมดมาตรฐาน

โหมดมาตรฐาน

ในโหมดมาตรฐาน เบราว์เซอร์จะพยายามให้เอกสารที่เป็นมาตรฐานเป็นการประมวลผลที่ถูกต้องมาตรฐานที่สุดเท่าที่จะเป็นไปได้ในเบราว์เซอร์ที่กำหนด

เบราว์เซอร์ที่แตกต่างกันมีขั้นตอนต่างกัน ดังนั้นโหมดมาตรฐานจึงไม่ใช่เป้าหมายเดียว

HTML5 เรียกโหมดนี้ว่า "ไม่มีโหมดนิสัยแปลกๆ"

เกือบโหมดมาตรฐาน

irefox, Safari, Chrome, Opera (เริ่มตั้งแต่ 7.5) และ IE8 ยังมีโหมดที่เรียกว่า "โหมดเกือบมาตรฐาน" ซึ่งใช้ขนาดแนวตั้งของเซลล์ตารางตามวิธีการดั้งเดิม แทนที่จะปฏิบัติตามข้อกำหนด CSS2 อย่างเคร่งครัด Mac IE5, Windows IE6 และ 7, เวอร์ชันก่อน Opera 7.5 และ Konqueror ไม่จำเป็นต้องใช้โหมดมาตรฐานเกือบทั้งหมด เนื่องจากอย่างน้อยพวกเขาไม่ได้ปฏิบัติตามข้อกำหนด CSS2 อย่างเคร่งครัดเพื่อใช้ขนาดแนวตั้งของเซลล์ตารางในโหมดมาตรฐานที่เกี่ยวข้อง ที่จริงแล้ว โหมดมาตรฐานนั้นใกล้เคียงกับโหมด Near Standards ของ Mozilla มากกว่าโหมด Standards ของ Mozilla

HTML5 เรียกโหมดนี้ว่า "โหมดนิสัยใจคอแบบจำกัด"

โหมด IE7

IE8 มีโหมดที่จะหยุดสำเนาของโหมดมาตรฐานของ IE7 เบราว์เซอร์อื่นๆ ไม่มีโหมดเช่นนี้ และไม่ได้ระบุโดย HTML5

โหมดที่มีประเภทเนื้อหา application/xhtml+xml (โหมด XML)

ใน Firefox, Safari, Chrome และ Opera ประเภทเนื้อหา application/xhtml+xml HTTP (ไม่ใช่องค์ประกอบเมตาหรือประเภทเอกสาร!) จะทริกเกอร์โหมด XML ในโหมด XML เบราว์เซอร์จะพยายามให้การประมวลผลที่ถูกต้องตามข้อกำหนดของเอกสาร XML ตามขอบเขตที่ระบุในเบราว์เซอร์

E6, 7 และ 8 ไม่รองรับ application/xhtml+xml และ Mac IE5 ไม่รองรับ

ในเบราว์เซอร์ Nokia S60 ที่ใช้ WebKit ประเภทเนื้อหา HTTP ของ application/xhtml+xml ไม่สามารถทริกเกอร์โหมด XML ได้ เนื่องจากข้อกังวลในสวนที่มีกำแพงล้อมรอบบนมือถือนั้นเข้ากันได้กับเนื้อหาที่ไม่ได้มาตรฐาน ( "เบราว์เซอร์มือถือ" รุ่นเก่าไม่สามารถใช้ตัวแยกวิเคราะห์ XML จริงได้ เนื่องจากเนื้อหาที่ไม่เป็นที่ยอมรับถูกแท็กเป็น XML แล้ว)

หากไม่ทดสอบ Konqueror มากพอ ฉันก็บอกไม่ได้แน่ชัดว่าจะเกิดอะไรขึ้นในเบราว์เซอร์นี้