Artikel Pengenalan Wulin.com (www.vevb.com): Cara membuat IE mendukung elemen HTML5 baru.
Ketika kami menggunakan elemen HTML5 baru, tag yang dapat berkinerja baik di browser lain (seperti bagian, artikel, header dan footer) adalah tantangan bagi browser IE. Alasan masalah ini adalah mekanisme penguraian browser IE. Elemen tag ini yang tidak dapat diakui mengarah ke tampilan kesalahan objek dokumen.
Untuk mengilustrasikan masalah ini, silakan lihat kode pendek berikut:
1
2
3
4
5
<body>
<section>
<p> Ini adalah contoh </p>
</section>
</body>
Anehnya, IE6-IE8 tidak dapat menguraikan tag <section>, menyebabkan simpul Dom terlihat seperti berikut:
Perhatikan bahwa IE Browser menciptakan dua elemen kosong. Salah satunya adalah bagian dan yang lainnya adalah /bagian. Memang benar bahwa ia mengambil tag akhir yang tidak dikenali sebagai tag awal.
Berikut adalah cara yang nyaman untuk menyelesaikan masalah ini, yang pertama kali diimplementasikan. Konsep paling mendasar dari metode ini adalah membuat elemen yang tidak diketahui dengan menggunakan Document.createElement (TagName). Parser IE akan mengenali elemen -elemen ini dan menganalisis dan menampilkannya dengan cara yang lebih masuk akal dan efektif. Misalnya, kita dapat menggunakan kode berikut:
1
document.createelement (bagian);
Dengan cara ini, kode di atas akan terlihat seperti berikut setelah parsing:
Teknologi ini memungkinkan IE6, IE7 dan IE8 untuk mengurai elemen yang tidak diketahui.
Untuk kenyamanan, Remy Sharp menulis sepotong kode yang dapat meningkatkan tampilan elemen HTML5 baru, yang dapat Anda unduh dan gunakan dengan mudah.
Kode ini benar untuk browser lain, seperti Opera 9, Firefox 3 dan Safari 3, untuk menguraikan elemen -elemen baru ini secara default. Meskipun ada beberapa masalah di Firefox2, tidak ada solusi untuk masalah ini telah ditemukan. Namun, dibandingkan dengan kecepatan pembaruan IE, Firefox tidak menjadi masalah.
Kami tidak dapat menerapkan label yang dibuat dengan metode ini untuk mencetak gaya. Jika Anda ingin tahu apakah gaya pencetakan IE benar, silakan periksa artikel berikut mencetak elemen html5 di browser IE (IE print Protector)
Bahasa Cina Asli: Cara Membuat Dukungan IE Elemen HTML5 Baru
Bahasa Inggris Asli: Mendukung Elemen Baru di IE