เมตาแท็กที่เข้ากันได้กับ X-UA ช่วยแสดงหน้าเว็บในเบราว์เซอร์ IE ที่เก่ากว่า
หลายปีที่ผ่านมาเบราว์เซอร์ Internet Explorer ของ Microsoft ล้าสมัยทำให้เกิดอาการปวดหัวสำหรับนักออกแบบเว็บไซต์และนักพัฒนาซอฟต์แวร์ ความจำเป็นในการสร้างไฟล์ CSS เพื่อระบุที่อยู่เหล่านั้นของ IE เวอร์ชันเก่านั้นเป็นสิ่งที่นักพัฒนาเว็บจำนวนมากจดจำมานาน โชคดีที่ IE เวอร์ชันใหม่รวมถึงเบราว์เซอร์รุ่นใหม่ล่าสุดของ Microsoft - Edge มีความสอดคล้องกับมาตรฐานเว็บมากขึ้นและเนื่องจากเบราว์เซอร์ Microsoft รุ่นใหม่ ๆ เหล่านี้ "เคยเป็นสีเขียว" ในแบบที่พวกเขาอัปเดตอัตโนมัติเป็นเวอร์ชันล่าสุด ไม่น่าจะเป็นไปได้ว่าเราจะต่อสู้กับแพลตฟอร์มรุ่นเก่าที่เราทำในอดีต
สำหรับนักออกแบบเว็บส่วนใหญ่ความก้าวหน้าของเบราว์เซอร์ของ Microsoft หมายความว่าเราไม่จำเป็นต้องจัดการกับความท้าทายที่ IE เวอร์ชันเก่าแสดงให้เราเห็นในอดีต พวกเราบางคนไม่โชคดีเท่าไร หากไซต์ที่คุณจัดการยังคงมีผู้เข้าชมจำนวนมากจากเวอร์ชัน IE ที่เก่ากว่าหรือถ้าคุณกำลังทำงานกับทรัพยากรภายในเช่นอินทราเน็ตสำหรับ บริษัท ที่ใช้ IE เวอร์ชันเก่ากว่านี้ด้วยเหตุผลบางประการ คุณจะต้องทดสอบเบราว์เซอร์ต่อไปแม้ว่าจะเป็นเวอร์ชันเก่าก็ตาม วิธีหนึ่งที่คุณสามารถทำได้คือการใช้โหมด X-UA Compatible
X-UA- Compatible เป็นเมตาแท็กโหมดเอกสารที่ช่วยให้ผู้เขียนเว็บสามารถเลือกรุ่นของ Internet Explorer ที่ควรจะแสดงหน้าเว็บดังกล่าว มีการใช้งานโดย Internet Explorer 8 เพื่อระบุว่าหน้าเว็บควรแสดงผลเป็น IE 7 (มุมมองที่เข้ากันได้) หรือ IE 8 (มุมมองมาตรฐาน)
โปรดทราบว่าด้วย Internet Explorer 11 โหมดเอกสารได้รับการเลิกใช้แล้วโดยไม่ใช้งานอีกต่อไป IE11 ได้อัปเดตการสนับสนุนมาตรฐานเว็บที่ทำให้เกิดปัญหากับเว็บไซต์เก่า ๆ
ในการทำเช่นนี้คุณต้องระบุเอเจนต์ผู้ใช้และเวอร์ชันที่จะใช้ในเนื้อหาของแท็ก:
"IE = EmulateIE7"
ตัวเลือกที่คุณมีสำหรับเนื้อหาคือ:
- "IE = 5"
- "IE = EmulateIE7"
- "IE = 7"
- "IE = EmulateIE8"
- "IE = 8"
- "IE = EmulateIE9"
- "IE = 9"
- "IE = ขอบ"
การจำลองเวอร์ชันบอกเบราว์เซอร์ให้ใช้ DOCTYPE เพื่อกำหนดวิธีแสดงผลเนื้อหา
หน้าเว็บที่ไม่มี DOCTYPE จะแสดงผลใน โหมดที่ไม่ชอบมาพากล
หากคุณบอกให้ใช้เบราว์เซอร์เวอร์ชันที่ไม่มีการเลียนแบบ (เช่น "IE = 7") เบราว์เซอร์จะแสดงหน้าเว็บในโหมดมาตรฐานไม่ว่าจะมีการประกาศ DOCTYPE หรือไม่
"IE = edge" บอก Internet Explorer ให้ใช้โหมดสูงสุดที่มีให้สำหรับ IE เวอร์ชันนั้น Internet Explorer 8 สามารถรองรับได้ถึง IE8 โหมด IE9 สามารถรองรับโหมด IE9 เป็นต้น
ประเภท แท็ก Meta Tag ที่ ใช้ร่วมกับ X-UA:
เมตาแท็ก X-UA ที่เข้ากันได้คือเมตาแท็ก http-equiv
รูปแบบเมตาแท็กที่รองรับ X-UA:
จำลอง IE 7
แสดงเป็น IE 8 ที่มีหรือไม่มี DOCTYPE
โหมด Quirks (IE 5)
เมตาแท็กที่เข้ากันได้กับ X-UA การใช้งานที่แนะนำ:
ใช้เมตาแท็ก X-UA-Compatible บนหน้าเว็บที่คุณสงสัยว่า Internet Explorer 8 จะพยายามแสดงผลหน้าเว็บในมุมมองที่ไม่ถูกต้อง เช่นเมื่อคุณมีเอกสาร XHTML พร้อมกับการประกาศ XML การประกาศ XML ที่ด้านบนสุดของเอกสารจะเป็นการโยนหน้าเว็บเข้าสู่มุมมองความเข้ากันได้ แต่การประกาศ DOCTYPE ควรบังคับให้มีการแสดงผลในมุมมองมาตรฐาน
ตรวจสอบความเป็นจริง
เป็นที่ยอมรับไม่ได้ว่าคุณกำลังทำงานในเว็บไซต์ใด ๆ ที่ต้องแสดงเป็น IE 5 แต่คุณไม่เคยรู้!
ยังคงมี บริษัท ที่บังคับให้พนักงานใช้เบราว์เซอร์รุ่นเก่ามากเพื่อใช้ซอฟต์แวร์เดิมที่เป็นกรรมสิทธิ์ซึ่งพัฒนาขึ้นเมื่อหลายปีก่อนสำหรับเบราว์เซอร์ที่เฉพาะเจาะจงเหล่านี้ สำหรับพวกเราในอุตสาหกรรมเว็บความคิดในการใช้เบราว์เซอร์แบบนี้ดูเหมือนจะบ้า แต่ลองนึกถึง บริษัท ผู้ผลิตที่ใช้โปรแกรมเก่าแก่กว่าทศวรรษในการจัดการสินค้าคงคลังในร้านค้าของตน ใช่มีแพลตฟอร์มที่ทันสมัยมากสำหรับการทำเช่นนี้ แต่พวกเขาลงทุนในแพลตฟอร์มเหล่านี้หรือไม่? หากระบบปัจจุบันของพวกเขาไม่ได้หักทำไมพวกเขาจะเปลี่ยนหรือไม่? ในหลายกรณีพวกเขาจะไม่ได้และคุณจะพบ บริษัท นี้บังคับให้พนักงานใช้ซอฟต์แวร์นั้นและเบราว์เซอร์โบราณเพื่อให้แน่ใจว่าใช้งานได้
ไม่น่า? บางที แต่ก็เป็นไปได้อย่างแน่นอน ถ้าคุณพบปัญหาเช่นนี้ความสามารถในการรันไซต์ในโหมดเอกสารเก่าเหล่านี้อาจกลายเป็นสิ่งที่คุณต้องการ
บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อวันที่ 6/7/17