การทำให้ HTML5 ทำงานได้ใน Internet Explorer เวอร์ชันเก่า

สาเหตุหลักประการหนึ่งที่นักพัฒนาอาจไม่ย้ายไปใช้ HTML5 เนื่องจากยังขาดการสนับสนุนเบราว์เซอร์เดิม สิ่งนี้ไม่เป็นความจริงและในขณะที่อาจมีโปเกมอนตลก ๆ บางอย่างที่จำเป็นสำหรับความเข้ากันได้ย้อนหลังที่เหมาะสม แต่ก็ยังเป็นไปได้

แน่นอนโดยเบราว์เซอร์เดิมฉันหมายถึง Internet Explorer เนื่องจากผู้เล่นรายใหญ่อื่น ๆ ทั้งหมดอัปเดตเป็นประจำและผู้ใช้มักจะปฏิบัติตาม: เบราว์เซอร์เช่น Firefox, Safari และ Opera ได้รองรับ HTML5 มาระยะหนึ่งแล้ว นักพัฒนาบางรายอาจตัดสินใจเลิกสนับสนุน IE6 แต่สำหรับบางคนนั้นไม่ใช่ตัวเลือกและไม่ว่าในกรณีใด ๆ ทั้ง IE7 และ IE8 ก็ไม่รองรับ HTML5 เช่นกัน IE9 จะ แต่มันทำงานบน Windows Vista และ Windows 7 เท่านั้นดังนั้นเวอร์ชันอื่น ๆ จะยังคงอยู่ต่อไปอีกนานอย่างที่เราเคยเห็นกับ IE6

ดังนั้นสิ่งที่ต้องทำเพื่อให้ HTML5 ทำงานใน Internet Explorer?

ฉันสามารถพิมพ์อะไรได้ฟรีที่ไหน

องค์ประกอบที่ไม่รู้จัก

ก่อนอื่น IE จะไม่แสดงผลองค์ประกอบใด ๆ ที่ไม่รู้จักดังนั้นจะไม่สนใจองค์ประกอบโครงสร้าง HTML5 อย่างสมบูรณ์เช่น header, footer, article, section และ nav ส่วนสำคัญทั้งหมดของไซต์ HTML5 สิ่งนี้สามารถแก้ไขได้โดยบอก IE เกี่ยวกับองค์ประกอบเหล่านี้โดยใช้ JavaScript วิธีที่ดีที่สุดคือรวมไฟล์ HTML5 shiv สคริปต์สร้างโดย Remy Sharp สคริปต์ที่มีประโยชน์นี้สร้างองค์ประกอบ HTML5 ที่เกี่ยวข้องทั้งหมดซึ่งตอนนี้ IE จะทราบเมื่อแสดงผลหน้า

ปัญหาอย่างหนึ่งของปัญหานี้คือจะใช้ไม่ได้กับผู้ใช้ที่ปิด JavaScript น่าเสียดายที่ไม่มีวิธีแก้ไขปัญหานี้นักพัฒนาจึงต้องตัดสินใจว่าจะใช้ HTML5 หรืออยู่กับ HTML 4.01

จัดแต่งทรงผม

เบราว์เซอร์ส่วนใหญ่มีสไตล์ชีตภายในที่ใช้ display:block เพื่อบล็อกองค์ประกอบระดับ ในขณะที่เบราว์เซอร์รุ่นใหม่บางตัวทำสิ่งนี้กับองค์ประกอบ HTML5 ที่เกี่ยวข้อง แต่บางส่วนก็ไม่ทำเช่นนี้และจำเป็นต้องเพิ่มสิ่งนี้ให้กับทุกเบราว์เซอร์ เพียงแค่เพิ่มสไตล์ต่อไปนี้ก็จะได้เคล็ดลับ:

ปุ่มเริ่มไม่ทำงาน windows 10

article, aside, figure, footer, header, hgroup,
menu, nav, section { display:block; }

องค์ประกอบแบบฟอร์ม

แล้วองค์ประกอบใหม่บางอย่างในตัวเองเช่น ประเภทอินพุตใหม่ - สิ่งเหล่านี้แสดงผลบนเบราว์เซอร์เดิมอย่างไร

ดีจริง เนื่องจากข้อกำหนด HTML5 ถูกขยายในไฟล์ วิธีที่เข้ากันได้ย้อนหลัง ประเภทอินพุตใด ๆ ที่ไม่รู้จักจะถือว่าเป็น text และจะแสดงผลอย่างง่าย

มัลติมีเดีย

ดังที่ได้กล่าวไปแล้วในอดีต วิดีโอ และองค์ประกอบเสียงได้รับการออกแบบมาเพื่อให้ถอยกลับไปใช้ Flash ซึ่งจะทำงานได้ดีบน Internet Explorer

การย้ายไปยัง HTML5 จะยังคงเป็นไปอย่างค่อยเป็นค่อยไปและบางส่วนจะไม่เห็นหรือไม่จำเป็นต้องใช้ฟังก์ชันใหม่ใด ๆ ที่มีให้ แต่เมื่อทำเช่นนั้นพวกเขาสามารถ (ค่อนข้าง) ปลอดภัยในความรู้ที่เบราว์เซอร์รุ่นเก่า จะแสดงผลไซต์ของพวกเขาได้ดี