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

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



มรดกและ html5

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

บทความที่น่าสนใจ

ตัวเลือกของบรรณาธิการ

บันทึกเอกสารรูปภาพและเดสก์ท็อปไปยัง OneDrive ใน Windows 10 โดยอัตโนมัติ
บันทึกเอกสารรูปภาพและเดสก์ท็อปไปยัง OneDrive ใน Windows 10 โดยอัตโนมัติ
Windows 10 ช่วยให้คุณสามารถบันทึกโฟลเดอร์ส่วนตัวของคุณไปยัง OneDrive เอกสารรูปภาพและเดสก์ท็อปของคุณสามารถอัปโหลดไปยัง OneDrive โดยอัตโนมัติ
วิธีเลือกหลายเลเยอร์ใน Procreate
วิธีเลือกหลายเลเยอร์ใน Procreate
เลเยอร์ใน Procreate มักจะมีวัตถุเพียงไม่กี่หรือเพียงชิ้นเดียว เมื่อคุณต้องการปรับองค์ประกอบหลายอย่างพร้อมกัน แต่ละองค์ประกอบอาจอยู่ในเลเยอร์ที่แยกจากกัน การทำงานทีละชั้นไม่ได้ผลโดยเฉพาะ การเลือกหลายรายการ
วิธีรับ Alien Nanites ใน Fortnite
วิธีรับ Alien Nanites ใน Fortnite
นับตั้งแต่ Fortnite เปิดตัวระบบสร้างอาวุธ ผู้เล่นต่างก็ส่งเสียงโห่ร้องให้ใช้อาวุธเก่าอีกครั้ง ในบทที่ 2: ซีซั่น 7 ระบบการประดิษฐ์ได้ขยายออกไป ทำให้ทุกคนสามารถสร้างอาวุธจากต่างดาวได้ การสร้างอาวุธนอกโลกขึ้นอยู่กับองค์ประกอบหลักอย่างหนึ่ง:
Windows Embedded Standard 7 สิ้นสุดการสนับสนุนในวันที่ 13 ตุลาคม 2020
Windows Embedded Standard 7 สิ้นสุดการสนับสนุนในวันที่ 13 ตุลาคม 2020
Microsoft ประกาศในวันนี้ว่า Windows Embedded Standard 7 สิ้นสุดการสนับสนุนในวันที่ 13 ตุลาคม 2020 อุปกรณ์ที่ใช้ Windows Embedded Standard 7 จะไม่ได้รับการอัปเดตอีกต่อไป Windows Embedded Standard 7 ใช้ Windows 7 และมีชื่อรหัสว่า 'Quebec' ประกอบด้วยคุณสมบัติ Windows 7 Desktop เช่น Aero, SuperFetch, ReadyBoost, Windows Firewall, Windows Defender, Address space
วิธีเปลี่ยนสีโฟลเดอร์บน Mac
วิธีเปลี่ยนสีโฟลเดอร์บน Mac
คุณสามารถเปลี่ยนสีโฟลเดอร์บน Mac ของคุณได้โดยใช้แอพแสดงตัวอย่าง และหากสีนั้นดูซับซ้อนเกินไป เราก็มีแอพสำหรับสีนั้นด้วย ต่อไปนี้เป็นวิธีเปลี่ยนสีโฟลเดอร์บน Mac
วิธีลบข้อความทั้งหมดบน Apple Watch
วิธีลบข้อความทั้งหมดบน Apple Watch
Apple Watch กลายเป็นอุปกรณ์คู่ใจสำหรับคนรัก iPhone หลายคน สำหรับหลาย ๆ คน มันเป็นการซื้อที่คุ้มค่าเพราะมันช่วยให้คุณเข้าถึงและตอบกลับข้อความของคุณได้อย่างรวดเร็วและสะดวกในเวลาที่อุปกรณ์ iPhone หรือ Mac ของคุณไม่อยู่
วิธีตั้ง Bing Images เป็น Windows 10 Desktop Wallpaper
วิธีตั้ง Bing Images เป็น Windows 10 Desktop Wallpaper
วิธีตั้งค่า Bing Images เป็นพื้นหลังเดสก์ท็อป Windows 10 ด้วยแอพ Bing Wallpaper Microsoft ได้เปิดตัวแอพ Bing Wallpaper ใหม่สำหรับเดสก์ท็อป แอพนี้อนุญาตให้ตั้งค่ารูปภาพประจำวันของ Bing เป็นพื้นหลังเดสก์ท็อปของคุณ เมื่อ Bing ได้รับภาพ 'รายวัน' ใหม่ภาพนั้นจะถูกตั้งเป็นภาพพื้นหลังโดยอัตโนมัติใน Windows 10 โฆษณา Bing คือ