ความคิดเห็น: ไซต์มากขึ้นเรื่อย ๆ เริ่มใช้แท็ก HTML5 แต่สถานการณ์ปัจจุบันคือยังมีอีกหลายคนที่ใช้ IE6, IE7 และ IE8 นี่คือวิธีการเปิดใช้งานเบราว์เซอร์ IE เพื่อรองรับ HTML5 เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้
ทุกวันนี้ HTML5 ดึงดูดความสนใจมากขึ้นเรื่อย ๆ แต่ปัจจุบันเบราว์เซอร์ที่รองรับ HTML5 ไม่ใช่กระแสหลักโดยเฉพาะผู้ใช้ในประเทศมากกว่า 50% ยังคงใช้ IE6 ตั้งแต่ IE9 ซึ่งรองรับ HTML5 ไม่รองรับการติดตั้งระบบ XP นักพัฒนา HTML5 จะต้องพิจารณาปัญหาความเข้ากันได้ย้อนหลังเป็นเวลานานในอนาคต มีหลายวิธีในการใช้แท็ก HTML5 หรือความเข้ากันได้ของตัวเลือก CSS และหนึ่งในนั้นเป็นหนึ่งในนั้น
สำหรับหลักการพื้นฐานดูรหัสต่อไปนี้สำหรับเอฟเฟกต์ใน IE8 สไตล์ไม่ทำงานเลย
<html>
<head>
<style> mxria {สี: สีแดง; } </style>
</head>
<body>
<Mxria> สวัสดี! </mxria>
</body>
</html>
เพื่อให้เบราว์เซอร์จดจำแท็ก <mxria> </mxria> และแสดงผลของสไตล์ที่สอดคล้องกันเราสามารถเพิ่มส่วนของ JS ดังนี้และเอฟเฟกต์จะแตกต่างกันเมื่อเราเห็น
<html>
<head>
<style> mxria {สี: สีแดง; } </style>
<script> document.createElement ("mxria") </script>
</head>
<body>
<Mxria> สวัสดี! mxria.com </mxria>
</body>
</html>
ตอนนี้ทุกคนเข้าใจความลึกลับ! ใช่มันเป็น document.createelement HTML5 SHIV เป็นปลั๊กอิน JS ที่สร้างแท็ก HTML5 ทั้งหมดใหม่ คุณต้องโหลดปลั๊กอินจากนั้นโปรแกรม HTML5 สามารถรับรู้ได้จากเบราว์เซอร์ทั้งหมด
ดาวน์โหลดที่อยู่:
การใช้งานง่าย ๆ ของลำตัว/html5.js:
นี่คือไฟล์ html5.js ที่อ้างอิง Google:
การใช้ HTML5SHIV นั้นง่ายมาก เมื่อพิจารณาว่า IE9 รองรับ HTML5 คุณจะต้องเพิ่มรหัสต่อไปนี้ลงในหน้าเพจ:
<!-[ถ้า LT IE 9]>
<script src = "dist/html5shiv.js"> </script>
<! [endif]->
คัดลอกรหัสด้านบนไปยังส่วนหัวอย่าลืมเป็นส่วนหัว (เพราะเช่นต้องรู้องค์ประกอบนี้ก่อนการแยกวิเคราะห์องค์ประกอบดังนั้นไฟล์ JS นี้จึงไม่สามารถเรียกได้ในสถานที่อื่นมิฉะนั้นจะไม่ถูกต้อง)
แน่นอนคุณสามารถนำรหัสออกและทำด้วยตัวเอง:
(function () {ถ้า (!/*@cc_on!@*/0) return; var e = ABBR, บทความ, ด้านข้าง, เสียง, ผ้าใบ, ข้อมูล, รายละเอียด, กล่องโต้ตอบ, เหตุการณ์, รูป, ส่วนท้าย, ส่วนหัว, hgroup, เครื่องหมาย, เมนู, เมตร, นาวิกโยธิน, เอาท์พุท, ความคืบหน้า, ส่วนเวลา, วิดีโอ (','), i = e.length;
ในที่สุดเพิ่มย่อหน้านี้ลงใน CSS:
/*html5*/ บทความ, กัน, กล่องโต้ตอบ, ส่วนท้าย, ส่วนหัว, ส่วนส่วนท้าย, nav, รูป, เมนู {display: block}
ส่วนใหญ่ปล่อยให้แท็ก HTML5 เหล่านี้ถูกบล็อกเช่น div
โอเคมาสั้น ๆ ในประโยคเดียวคือ: ใบเสนอราคา html5.js เพื่อให้แท็ก html5 เป็นบล็อก