Komentar: Semakin banyak situs yang mulai menggunakan tag HTML5. Tetapi situasi saat ini adalah masih ada banyak orang yang menggunakan IE6, IE7, dan IE8. Berikut adalah metode untuk memungkinkan IE Browser mendukung HTML5. Teman yang membutuhkannya bisa merujuknya.
Saat ini, HTML5 menarik lebih banyak perhatian, tetapi saat ini browser yang mendukung HTML5 bukan arus utama, terutama lebih dari 50% pengguna domestik masih menggunakan IE6. Karena IE9, yang mendukung HTML5, tidak mendukung instalasi sistem XP, pengembang HTML5 harus mempertimbangkan masalah kompatibilitas mundur untuk waktu yang lama di masa depan. Ada banyak cara untuk menggunakan tag HTML5 atau kompatibilitas pemilih CSS, dan satu adalah salah satunya.
Untuk prinsip -prinsip dasar, lihat kode berikut untuk efek di IE8, gaya tidak berfungsi sama sekali.
<Html>
<head>
<tyle> mxria {color: red; } </style>
</head>
<body>
<mxria> halo! </mxria>
</body>
</html>
Agar browser dapat mengenali tag <mxria> </mxria> dan menampilkan efek gaya yang sesuai, kita dapat menambahkan bagian JS sebagai berikut, dan efeknya akan berbeda ketika kita melihatnya.
<Html>
<head>
<tyle> mxria {color: red; } </style>
<script> document.createElement ("mxria") </script>
</head>
<body>
<mxria> halo! mxria.com </mxria>
</body>
</html>
Sekarang semua orang mengerti misteri! Ya, itu adalah Document.createelement. HTML5 Shiv adalah plugin JS yang meregenerasi semua tag HTML5. Anda perlu memuat plugin, dan kemudian program HTML5 dapat dikenali oleh semua browser.
Alamat unduhan:
Penggunaan sederhana trunk/html5.js:
Berikut adalah file html5.js yang merujuk google:
Penggunaan html5shiv sangat sederhana. Mempertimbangkan bahwa IE9 mendukung HTML5, Anda hanya perlu menambahkan kode berikut ke kepala halaman:
<!-[jika lt yaitu 9]>
<skrip src = "dist/html5shiv.js"> </script>
<! [Endif]->
Salin kode di atas ke bagian kepala, ingatlah untuk menjadi bagian kepala (karena IE harus mengetahui elemen ini sebelum elemen parsing, jadi file js ini tidak dapat dipanggil di lokasi lain, jika tidak itu akan tidak valid)
Tentu saja, Anda juga dapat mengambil kode dan melakukannya sendiri:
(function () {if (!/*@cc_on!@*/0) return; var e = ABBR, artikel, samping, audio, kanvas, datalist, detail, dialog, eventsource, figur, footer, header, hgroup, tanda, menu, meter, nav, output, kemajuan, bagian, waktu, video.split (','), i = e.length; while (i-) {document.createelement (e [i])})} (i) (i-) {document.createelement (e [i])})} (i))} (i) (i) (i) (i) (document.createelement (e [i])})} (i) (i) (i) (i) ({document.createelement (e [i])
Akhirnya, tambahkan paragraf ini ke CSS:
/*html5*/ artikel, samping, dialog, footer, header, bagian, footer, nav, gambar, menu {display: block}
Terutama, biarkan tag HTML5 ini diblokir, seperti div.
Oke, mari kita sebentar, dalam satu kalimat, itu adalah: kutipan html5.js untuk membuat tag html5 menjadi blok