Cara membuat dukungan IE html5

Komentar: Semakin banyak situs yang mulai menggunakan tag HTML5, tetapi situasinya saat ini adalah bahwa banyak orang masih menggunakan IE6, IE7, dan IE8. Untuk memungkinkan semua pemirsa dapat mengakses secara normal, dua solusi berikut tersedia

1. Buat beberapa set templat untuk situs web, dan gunakan program untuk menilai agen pengguna untuk menampilkan halaman yang berbeda untuk pengguna browser yang berbeda, seperti Youku.

2. Gunakan JavaScript untuk membuat tag HTML didukung oleh browser yang tidak mendukung HTML5.

Solusi yang lebih baik untuk IE adalah html5shiv. HTNL5Shiv terutama memecahkan masalah bahwa elemen-elemen baru yang diusulkan oleh HTML5 tidak dikenali oleh IE6-8. Elemen -elemen baru ini tidak dapat dibungkus sebagai node induk, dan tidak dapat menerapkan gaya CSS. Untuk menerapkan gaya CSS pada elemen yang tidak diketahui, Anda dapat mencapainya dengan mengeksekusi dokumen. Createelement (ElementName). HTML5Shiv dibuat berdasarkan prinsip ini.

Penggunaan html5shiv sangat sederhana. Mempertimbangkan bahwa IE9 mendukung HTML5, Anda hanya perlu menambahkan kode berikut ke kepala halaman:

<!-[jika lt yaitu 9]-> <skrip src = ""> </script> <!-[endif]->

Situs resmi HTML5Shiv:

Berikut beberapa tambahan:

Tentu saja, termasuk blog saya. Mengenai HTML5, saya harus menyebutkan IE. Ketika produsen browser utama seperti Apple, Google, Opera dan Mozilla secara aktif berpartisipasi dalam formulasi dan promosi versi baru standar HTML, Microsoft meremehkan spesifikasi HTML 5. Namun, Microsoft baru -baru ini menyatakan bahwa itu akan mendukung HTML 5 di IE, sehingga IE8 dan berikut ini tidak dapat mendukung tag HTML5 sejauh ini. Tetapi di Sitepoint, saya menemukan cara untuk membuat dukungan IE HTML5.

Berikut ini adalah contoh yang ditampilkan di IE 8, sebelum diproses:

Untuk membuat IE (termasuk IE6) mendukung elemen HTML5, kita perlu menambahkan javascript berikut ke header HTML. Ini adalah dokumen sederhana. Deklarasi Pembuatan, menggunakan anotasi bersyarat untuk membuat node yang sesuai di objek untuk IE.

<!-[jika yaitu]>

<script>

document.createelement ("header");

document.createelement ("footer");

document.createelement ("nav");

document.createelement ("artikel");

document.createelement ("bagian");

</script>

<! [Endif]->

Setelah menambahkan kode di atas, efek yang ditampilkan di IE8 adalah sebagai berikut:

Kode JavaScript untuk membuat node dalam contoh sitepoint tampaknya terlalu kembung, dan kode yang disediakan dalam smokemagazine tampaknya lebih ringkas.

Demonstrasi adalah sebagai berikut

<!-[jika yaitu]>

<script>

(function () {if (!/*@cc_on!@*/0) return; var e = "header, footer, nav, artikel, bagian" .split (','), i = e.length; while (i-) {document.createelement (e [i])}}) ()

</script>

<! [Endif]->

HTML5 dimanifestasikan sebagai elemen inline secara default. Saat meletakkan elemen -elemen ini, kita perlu mengubahnya secara manual menjadi elemen blok menggunakan CSS, seperti yang ditunjukkan dalam contoh berikut:

header, footer, nav, bagian, artikel {

Tampilan: Blok;

}