HTML5 Shiv menyelesaikan masalah dengan sempurna bahawa IE (IE6/IE7/IE8) tidak serasi dengan kemahiran HTML5 tags_javascript

Teg semantik dan atribut HTML5 membolehkan pembangun melaksanakan reka letak halaman web yang jelas dengan mudah Digabungkan dengan pemaparan kesan CSS3, adalah sangat mudah untuk membuat halaman web yang kaya dan fleksibel.

Elemen teg baharu HTML5 ialah:

Tentukan pengepala halaman atau bahagian

Tentukan pengaki halaman atau bahagian

Tentukan kawasan navigasi halaman atau bahagian
Kawasan logik atau gabungan kandungan pada halaman
Tentukan teks atau kandungan lengkap
Tentukan kandungan tambahan atau berkaitan;




Menggunakannya boleh menjadikan semantik kod lebih intuitif dan memudahkan pengoptimuman SEO. Walau bagaimanapun, teg HTML5 baharu ini tidak dikenali pada IE6/IE7/IE8 dan memerlukan pemprosesan JavaScript. Berikut adalah beberapa cara.
Kaedah 1: Pengekodan JavaScript

<!--[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(', ');
   var i= e.length;
   while (i--){
     document.createElement(e[i])
   } 
})() 
</script>
<![endif]-->

Jika ia adalah pelayar IE di bawah IE9, ia akan mencipta teg HTML5, supaya penyemak imbas bukan IE akan mengabaikan kod ini dan tidak akan ada permintaan http yang tidak perlu.

Kaedah kedua: Gunakan pakej html5shiv Google (disyorkan)

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

Disebabkan kad akses pelayan Google domestik, adalah disyorkan untuk menghubungi cdn domestik

<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->

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

Salin kod Kod adalah seperti berikut:

/*html5*/
artikel,ketepikan,dialog,pengaki,pengepala,bahagian,pengaki,nav,rajah,menu{paparan:sekat}

Tetapi jika pengguna ie6/7/8 melumpuhkan skrip, ia akan menjadi halaman web "papan putih" yang tidak digayakan Bagaimana kita harus menyelesaikannya?

Kita boleh mengikut pendekatan Facebook, iaitu membimbing pengguna memasuki halaman "/?_fb_noscript=1" dengan logo noscript, dan menggantikan tag html5 dengan tag html4 Ini lebih mudah daripada menulis banyak hacks untuk dikekalkan keserasian.

<!--[if lte IE 8]> 
<noscript>
   <style>.html5-wrappers{display:none!important;}</style>
   <div class="ie-noscript-warning">您的浏览器禁用了脚本，请<a href="">查看这里</a>来启用脚本!或者<a href="/&#63;noscript=1">继续访问</a>.
   </div>
</noscript>
<![endif]-->

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