ใช้ HTML5 Shiv เพื่อเปิดใช้ HTML 5 ในเวอร์ชันเก่าของ Internet Explorer

ใช้ JavaScript เพื่อช่วยรุ่นเก่าของการสนับสนุน IE HTML 5 Tags

HTML ไม่ใช่ "เด็กใหม่ในบล็อก" อีกต่อไป นักออกแบบเว็บและนักพัฒนาซอฟต์แวร์จำนวนมากได้ใช้งานซ้ำ HTML เวอร์ชันล่าสุดเป็นเวลาหลายปี ยังคงมีผู้เชี่ยวชาญด้านเว็บบางส่วนที่อยู่ห่างจาก HTML5 มักเป็นเพราะพวกเขาต้องสนับสนุนเวอร์ชันเดิมของ Internet Explorer และพวกเขากังวลว่าหน้า HTML5 ที่สร้างขึ้นจะไม่ได้รับการสนับสนุนในเบราว์เซอร์รุ่นเก่าเหล่านั้น Thankfully มีสคริปต์ที่คุณสามารถใช้เพื่อนำการสนับสนุน HTML ไปยังเวอร์ชันเก่าของ IE (ซึ่งจะเป็นเวอร์ชันที่ต่ำกว่า IE9) ซึ่งช่วยให้คุณสามารถสร้างหน้าเว็บให้สอดคล้องกับเทคโนโลยีในปัจจุบันมากขึ้นและใช้แท็กใหม่ใน HTML 5

แนะนำ HTML Shiv

Jonathan Neal สร้างสคริปต์ง่ายๆที่บอก Internet Explorer 8 ขึ้นไป (และ Firefox 2 สำหรับเรื่องนี้) เพื่อใช้ แท็ก HTML 5 เป็นแท็กจริง วิธีนี้ทำให้คุณสามารถจัดรูปแบบได้เหมือนกับองค์ประกอบ HTML อื่น ๆ และใช้ในเอกสารของคุณ

วิธีการใช้ HTML Shiv

ในการใช้สคริปต์นี้คุณสามารถเพิ่มสามบรรทัดต่อไปนี้ลงในเอกสาร HTML5 ได้ใน

เหนือสไตล์ชีตของคุณ

โปรดทราบว่านี่คือตำแหน่งใหม่สำหรับสคริปต์ HTML Shiv นี้ ก่อนหน้านี้รหัสนี้ถูกโฮสต์ไว้ที่ Google และเว็บไซต์จำนวนมากยังคงลิงก์ไปยังไฟล์ดังกล่าวอย่างไม่ถูกต้องโดยไม่ทราบว่าไม่มีไฟล์ที่จะดาวน์โหลดอีกต่อไป เนื่องจากในหลาย ๆ กรณีการใช้ HTML5 Shiv ไม่จำเป็นอีกต่อไป เพิ่มเติมเกี่ยวกับที่ไม่ช้า ...

กลับไปที่โค้ดนี้สักครู่คุณสามารถเห็นได้ว่านี่ใช้การแสดงความคิดเห็นตามเงื่อนไขของ IE ในการกำหนดเป้าหมายเวอร์ชันของ IE ด้านล่าง 9 (นั่นคือ "lt IE 9 หมายถึง") เบราว์เซอร์เหล่านี้จะดาวน์โหลดสคริปต์นี้และองค์ประกอบ HTML5 จะเข้าใจได้จากเบราว์เซอร์เหล่านี้แม้ว่าจะมีการสร้างโลโก้ก่อน HTML5 ก็ตาม

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

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

คุณยังต้องการ HTML5 Shiv หรือไม่?

นี่เป็นคำถามที่คุ้มค่าที่จะถาม เมื่อ HTML5 เปิดตัวครั้งแรกภูมิทัศน์ของเบราว์เซอร์แตกต่างมากไปกว่าปัจจุบัน การสนับสนุน IE8 และที่ด้านล่างยังคงเป็นสิ่งที่สำคัญสำหรับหลาย ๆ ไซต์ แต่ด้วยการประกาศ "สิ้นอายุการใช้งาน" ที่ Microsoft ทำในเดือนเมษายนปีพ. ศ. 2563 สำหรับ IE ทุกเวอร์ชันตั้งแต่ 11 ปีเป็นต้นไปหลายคนได้อัปเกรดเบราว์เซอร์เหล่านี้แล้ว อีกต่อไปเป็นความกังวลสำหรับคุณ ตรวจสอบการวิเคราะห์เว็บไซต์ของคุณเพื่อดูว่าเบราว์เซอร์ที่คนอื่นใช้เพื่อเข้าชมไซต์ ถ้าไม่มีใครหรือมีน้อยมากใช้ IE8 หรือต่ำกว่านี้คุณสามารถมั่นใจได้ว่าคุณสามารถใช้องค์ประกอบ HTML5 ได้โดยไม่มีปัญหาและไม่จำเป็นต้องสนับสนุนเบราว์เซอร์รุ่นเก่า

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

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

แก้ไขโดย Jeremy Girard