Apa yang perlu dilakukan jika html5 tidak serasi dengan IE

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.

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:

• 1aa9e5d373740b65a0cc8f0a02150c53 mentakrifkan kepala halaman atau bahagian
• c37f8231a37e88427e62669260f0074d Tentukan pengaki halaman atau bahagian
• c787b9a589a3ece771e842a6176cf8e9 >< ;bahagian> Kawasan logik atau gabungan kandungan halaman
• 6bcd750c71de1dde779f1d891c58bce7 >
• b2f5d0fff90ceaca7c1dc7818ab174d6Tentukan 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]-->

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

175036b059c08cfe0e939537257b7055 
9cf7fc12b64b9e15221a83d1b7b302422cacc6d41bbb37262a98f745aa00fbf0
1b771f47d72d900ba74308aee59557f0

“/?_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}

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!