ทำความเข้าใจกับโหมดการเรนเดอร์เบราว์เซอร์:มาตรฐาน เกือบมาตรฐาน และนิสัยแปลกๆ

โดย ซูซานา เค

ในบทความล่าสุดของฉัน ฉันได้พูดถึง Doctype แล้วว่ามันคืออะไรและทำไมจึงจำเป็น ในบทความนี้ ฉันจะดูความแตกต่างระหว่างโหมดต่างๆ ที่เบราว์เซอร์สามารถใช้ได้:โหมดมาตรฐานเต็มรูปแบบ โหมดเกือบมาตรฐาน และโหมดแปลก

บทความทั้งสองนี้ค่อนข้างเกี่ยวข้องกัน ดังนั้นคุณอาจต้องการอ่านบทความก่อนหน้านี้ก่อนเพื่อทำความเข้าใจว่าฉันกำลังพูดถึงอะไร

คำถาม:อะไรคือความแตกต่างระหว่างโหมดมาตรฐานเต็มรูปแบบ โหมดเกือบมาตรฐาน และโหมดแปลกๆ

โหมดต่างๆ ล้วนเกี่ยวข้องกับการนำมาตรฐาน W3C ไปใช้ในช่วงแรก

Doctype ได้รับการแนะนำเพื่อบอกเบราว์เซอร์ว่าพวกเขาตั้งใจจะแสดงผลเอกสารประเภทใด หากนักพัฒนาไม่สามารถรวมประเภทเอกสารในเอกสาร HTML เบราว์เซอร์จะไม่ทราบว่าเอกสารประเภทใดที่จัดการอยู่

ดังนั้น เพื่อความปลอดภัย เอกสารจะแสดงผลเอกสารให้เข้ากันได้กับเบราว์เซอร์เก่า (นิสัยแปลกๆ) (Navigator 4, Internet Explorer 4 และ 5) ในโหมดที่เรียกว่าโหมดนิสัยใจคอ

และเนื่องจากเบราว์เซอร์เก่าอาศัยอยู่ในดินแดนที่มี CSS ที่แย่มาก นั่นหมายความว่าสไตล์ CSS จำนวนมากของคุณจะไม่ถูกนำไปใช้ และเว็บไซต์ของคุณจะไม่เป็นไปตามที่คุณคาดหวัง

แน่นอนว่า นักพัฒนาบางรายอาจเลือกที่จะละเว้นประเภทเอกสารโดยตั้งใจ เนื่องจากพวกเขาต้องการให้เอกสารของตนแสดงผลในโหมดแปลก ๆ ด้วยเหตุผลหลายประการ

เช่น ถ้าฉันอยากรู้ว่าเว็บไซต์ของฉันในปี 1998 จะเป็นอย่างไร

เหตุผลที่ดี ฉันว่า

ตอนนี้เรารู้แล้วว่าโหมดนิสัยแปลกๆ คืออะไร และจะส่งผลอย่างไรกับเว็บไซต์ที่ไม่ดีของเรา (พัง) แล้วโหมดมาตรฐานเต็มรูปแบบและโหมดที่เกือบจะมาตรฐานจะเป็นอย่างไร

โหมดเกือบมาตรฐานเรียกอีกอย่างว่าโหมดนิสัยใจคอแบบจำกัด ตามที่คุณสามารถจินตนาการได้ เนื้อหาที่แสดงผลในโหมดเกือบมาตรฐานนั้นเกือบจะสอดคล้องกับโหมดมาตรฐานเต็มรูปแบบเกือบทั้งหมด

เกือบแล้ว

คำที่เศร้าที่สุด

I. เรื่องราวเล็กๆ น้อยๆ

คำที่เศร้าที่สุด

ในโลกอันกว้างใหญ่

เป็นคำว่าเกือบ

เขาเกือบจะตกหลุมรักแล้ว

เธอเกือบจะดีสำหรับเขาแล้ว

เขาเกือบจะหยุดเธอ

เธอเกือบจะรอแล้ว

เขาเกือบจะมีชีวิตอยู่แล้ว

พวกเขาเกือบจะทำมันสำเร็จแล้ว

โดย นิกิตา กิลล์

ไม่เป็นไร เรามาต่อกันดีกว่า

โหมดเกือบมาตรฐานทำให้เอกสารมีลักษณะเฉพาะบางประการที่เกี่ยวข้องกับขนาดแนวตั้งของเซลล์ตาราง

ในทางกลับกัน โหมดมาตรฐานเต็มรูปแบบจะเรนเดอร์เอกสารตามข้อกำหนด HTML และ CSS ล่าสุด แม้ว่าจะมีความแตกต่างบางประการระหว่างวิธีที่เบราว์เซอร์สมัยใหม่แสดงผลเนื้อหาบนหน้าจอ แต่เราสามารถใช้ Normalize.css หรือรีเซ็ต CSS เพื่อลดความไม่สอดคล้องกัน (และรักษาสุขภาพจิตของเรา)

ดังนั้น หากมีพฤติกรรมแปลกๆ บนเว็บไซต์ของคุณ สิ่งเหล่านั้นอาจเกิดจากคุณ ไม่ใช่เบราว์เซอร์

ขออภัย

เอาล่ะเราอยู่ที่นี่ หากมีใครถามคุณเกี่ยวกับความแตกต่างระหว่างมาตรฐานฉบับสมบูรณ์ เกือบมาตรฐานฉบับสมบูรณ์ และโหมดนิสัยแปลกๆ ให้จำเบราว์เซอร์รุ่นเก่า CSS ที่เสียหาย และคำที่เศร้าที่สุดเท่าที่เคยมีมา

หากคุณต้องการอ่านเพิ่มเติมเกี่ยวกับการเปิดใช้งานโหมดเบราว์เซอร์ต่างๆ มีภาพรวมที่ยอดเยี่ยมที่เขียนโดย Henri Sivonen และรายการลักษณะเฉพาะโดยคร่าวๆ สามารถพบได้บน MDN

ครั้งต่อไปฉันจะดูความแตกต่างระหว่าง HTML และ XHTML หวังว่าคุณจะเข้าร่วมกับฉันในหัวข้อที่กลายเป็นหัวข้อที่น่าตื่นเต้นทีเดียว! แล้วพบกันใหม่!

รายการคำถามที่ฉันกำลังตอบกรุณา Rose จากหน่วยงานจัดหางาน Verify ในดับลิน ประเทศไอร์แลนด์

หากคุณชอบบทความนี้และพบว่ามีประโยชน์ โปรดแสดงความคิดเห็นหรือปรบมือให้ฉันด้วย ขอบคุณ!

เรียนรู้การเขียนโค้ดฟรี หลักสูตรโอเพ่นซอร์สของ freeCodeCamp ช่วยให้ผู้คนมากกว่า 40,000 คนได้งานในตำแหน่งนักพัฒนา เริ่มต้น