Pelaksanaan teg baharu menggunakan HTML5 dalam pelayar lama seperti petua tutorial IE6 series

Pelaksanaan teg baharu menggunakan HTML5 dalam pelayar lama seperti petua tutorial IE6 series_html5

WBOY

Lepaskan： 2016-05-16 15:50:31

asal

1400 orang telah melayarinya

HTML5 menyediakan pembangun dengan banyak teg baharu, seperti bahagian, navigasi, artikel, pengepala dan pengaki, dsb. Teg ini sangat semantik dan akan digunakan dengan kerap, tetapi dalam teg lama seperti IE6, IE7, IE8 dan Firefox 2 Ia tidak boleh dikenali dan digunakan seperti biasa dalam penyemak imbas.

Mengapa penyemak imbas lama tidak mengenali teg ini?

Malah, kesalahan bukan pada penyemak imbas, kerana teg sedemikian tidak wujud pada masa itu, jadi mereka tidak dapat dikenali dengan betul, dan pengecaman teg yang luar biasa ini menjadikan struktur DOM tidak normal.

Kami mempunyai kod ujian seperti berikut Ia adalah tajuk artikel dan kandungan artikel dalam perkataan biru, di mana kandungan artikel menggunakan tag artikel.

Salin kod

Kod adalah seperti berikut:

<head>

Ujian
artikel{color:#06F;}

Ini adalah kandungan artikel, ia mestilah teks biru. Dalam pelayar lama, jika anda tidak melakukan penggodaman ia akan menunjukkan pengecualian.

Dalam IE8, ia dipaparkan seperti berikut.

IE8 tidak dapat mengecam teg artikel dan gaya CSS yang ditakrifkan pada teg tidak mempunyai kesan Dalam IE8, <article> ditafsirkan sebagai dua elemen teg kosong bernama <article /> dan </article />, yang disandingkan dengan artikel. kandungan. Ia adalah nod adik-beradik, seperti yang ditunjukkan di bawah.

Bagaimana untuk menggunakan teg HTML5 dalam penyemak imbas lama? Memandangkan

tidak boleh digunakan kerana teg tidak dapat dikenali, penyelesaiannya adalah untuk menjadikan teg itu dikenali Nasib baik, hanya dengan menggunakan document.createElement(tagName), anda boleh membiarkan penyemak imbas mengenali teg dan enjin CSS mengetahui kewujudan teg tersebut. . Andaikan contoh kami di atas Tambahkan kod berikut pada kawasan <head> ><script><br> document.createElement('article');<br></script>

Tafsiran DOM dalam IE8 akan menjadi seperti yang ditunjukkan di bawah.

Sememangnya, teks juga dipaparkan dalam warna biru biasa.

Kesimpulan

Blog telah lama ditukar kepada HTML5, tetapi kerana ramai pengguna tidak menggunakan penyemak imbas terkini, mereka masih menggunakan set tag HTML4 Banyak teg HTML5 adalah semantik dan praktikal, dan saya juga telah mula mencuba beberapa yang biasa digunakan tag. , kini menggunakan tag artikel dan masa.