Apa yang perlu dilakukan jika html5 tidak serasi dengan IE-Soal Jawab bahagian hadapan-php.cn

Apa yang perlu dilakukan jika html5 tidak serasi dengan IE

藏色散人

Lepaskan： 2023-01-28 09:41:53

asal

2461 orang telah melayarinya

Penyelesaian kepada ketidakserasian html5 IE: 1. Gunakan kod JavaScript "while (i--){document.createElement(e[i])}" untuk menyelesaikan masalah keserasian 2. Gunakan pakej html5shiv Google untuk menyelesaikan masalah IE tidak serasi dengan tag HTML5.

Apa yang perlu dilakukan jika html5 tidak serasi dengan IE

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer DELL G3

Apakah yang perlu saya lakukan jika html5 IE tidak serasi?

Cara terbaik untuk menyelesaikan masalah yang IE (IE6/IE7/IE8) tidak serasi dengan teg HTML5

teg semantik HTML5 dan atribut boleh membuat Ia adalah sangat mudah untuk pembangun untuk melaksanakan susun atur halaman web yang jelas Ditambah dengan pemaparan kesan CSS3, adalah sangat mudah untuk mencipta halaman web yang kaya dan fleksibel.

Elemen teg baharu HTML5 ialah:

mentakrifkan kepala halaman atau bahagian
Tentukan pengaki halaman atau bahagian
>< ;bahagian> Kawasan logik atau gabungan kandungan halaman
>
< ketepikan>Tentukan kandungan tambahan atau yang berkaitan; pengoptimuman. Walau bagaimanapun, teg HTML5 baharu ini tidak dikenali pada IE6/IE7/IE8 dan memerlukan pemprosesan JavaScript. Berikut adalah beberapa cara. Kaedah 1: Pengekodan JavaScript
Jika pelayar IE di bawah IE9 akan mencipta teg HTML5, maka penyemak imbas bukan IE akan mengabaikan kod ini dan tidak akan ada permintaan http yang Tidak Perlu.

Kaedah kedua: Gunakan pakej html5shiv Google (disyorkan)

Tetapi tidak kira kaedah di atas yang digunakan , CSS bagi teg baharu mesti dimulakan kerana HTML5 berkelakuan sebagai elemen sebaris secara lalai, untuk menyusun elemen ini kita perlu menggunakan CSS untuk menukarnya secara manual menjadi elemen blok untuk reka letak yang mudah

<!--[if lt IE9]> 
<script> 
   (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, progress, section, time, video".split(&#39;, &#39;);
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

Salin selepas log masuk

Tetapi jika pengguna IE6/7/8 melumpuhkan skrip, ia akan menjadi halaman web "papan putih" yang tidak digayakan?

Kita boleh merujuk kepada pendekatan Facebook untuk membimbing pengguna ke halaman

<!--[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Salin selepas log masuk

“/?_fb_noscript=1”

dengan logo noscript dan menggantikan teg html5 dengan teg html4 Ini lebih mudah daripada menulis banyak penggodaman untuk mengekalkan keserasian.

Ini boleh membimbing pengguna untuk membuka skrip, atau melompat terus ke antara muka reka bentuk teg HTML4.

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

Salin selepas log masuk

Pembelajaran yang disyorkan: "

Tutorial Video HTML5

Atas ialah kandungan terperinci Apa yang perlu dilakukan jika html5 tidak serasi dengan IE. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!