Penyelesaian untuk menjadikan Internet Explorer sebagai pelayar yang menyokong kemahiran tutorial HTML5 (menggunakan html5shiv)_html5

Kini, HTML5 semakin menarik perhatian, tetapi penyemak imbas yang menyokong HTML5 belum lagi menjadi arus perdana, khususnya, hampir 50% pengguna domestik masih menggunakan IE6 Memandangkan IE9 yang menyokong HTML5 tidak menyokong pemasangan sistem Xp menjejaskan masa depan Untuk masa yang lama, pembangun HTML5 perlu mempertimbangkan isu keserasian ke belakang. Terdapat banyak cara untuk mencapai keserasian teg HTML5 atau pemilih CSS, salah satunya ialah menjana sendiri elemen teg.

Untuk prinsip asas, lihat kesan kod berikut dalam IE8, gaya tidak mempunyai kesan sama sekali.

Salin kod

Kod tersebut adalah seperti berikut:

mxria{ warna: merah; /mxria>

Untuk membolehkan penyemak imbas mengenali teg dan memaparkan kesan gaya yang sepadan, kami boleh menambah sekeping js seperti berikut, dan anda akan melihat kesan yang berbeza

Salin kod

Kod adalah seperti berikut:

< kepala>

mxria{ warna : merah }
document.createElement("mxria")







>


Kini anda faham rahsianya! Ya, ia adalah document.createElement HTML5 shiv ialah pemalam js yang menjana semula semua teg HTML5 Anda perlu memuatkan pemalam, kemudian program HTML5 boleh dikenali oleh semua penyemak imbas. Alamat muat turun: http://html5shim.googlecode.com/svn/trunk/html5.js

Kaedah mudah menggunakan trunk/html5.js:

Berikut ialah fail html5.js yang memetik Google:

Penggunaan html5shiv adalah sangat mudah Memandangkan IE9 menyokong html5, anda hanya perlu menambah kod berikut pada kepala halaman:

Salin Kod.

Kodnya adalah seperti berikut:

Salin kod di atas ke bahagian kepala, ingat ia mestilah bahagian kepala (kerana IE mesti mengetahui elemen ini sebelum elemen dihuraikan, jadi fail js ini tidak boleh dipanggil dari lokasi lain, jika tidak, ia akan menjadi tidak sah)

Sudah tentu, anda juga boleh mengeluarkan kod dan memikirkannya sendiri:

(function(){if(!/*@cc_on!@*/0)return;var e="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header ,hgroup,mark,menu,meter,nav,output,progres,bahagian,masa,video".split(','),i=e.length;while(i--){document.createElement(e[i] )}})()

Akhir sekali tambahkan perenggan ini pada css:

/*html5*/ artikel,ketepikan,dialog,pengaki,pengepala,bahagian,pengaki,nav,rajah,menu{display:block}
Terutamanya jadikan teg html5 ini menjadi blok, seperti div.

Baiklah, mari kita permudahkan dalam satu ayat, ia adalah: petikan html5.js untuk menjadikan tag html5 tersekat