ทุกวันนี้ 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 สามารถรับรู้ได้จากเบราว์เซอร์ทั้งหมด
ดาวน์โหลดที่อยู่: http://html5shim.googlecode.com/svn/trunk/html5.js