解決舊版IE(678)不兼容HTML5標簽的方法

用語義化代碼更直觀，而且更方便SEO優(yōu)化。但是此HTML5新標簽在IE6/IE7/IE8上并不能識別，需要進行JavaScript處理。以下就介紹幾種方式。

方式一：Coding JavaScript

<!--[if lt IE 9]>
<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]-->

如果是IE9以下的IE瀏覽器將創(chuàng)建HTML5標簽，這樣非IE瀏覽器就會忽視這段代碼，也就不會有無謂的http請求了。

方法二：使用Google的html5shiv包（推薦）

<!--[if lt IE 9]>
  <script type="text/javascript" src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->

上面這段代碼僅會在IE瀏覽器下運行，還有一點需要注意，在頁面中調(diào)用html5.js文件必須添加在頁面的head元素內(nèi)，因為IE瀏覽器必須在元素解析前知道這個元素，所以這個js文件不能在頁面底部調(diào)用。

不管使用以上哪種方法，都要初始化新標簽的CSS。因為HTML5在默認情況下表現(xiàn)為內(nèi)聯(lián)元素，對這些元素進行布局我們需要利用CSS手工把它們轉為塊狀元素方便布局

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

如果IE6/7/8 禁用腳本的用戶，那么就變成了無樣式的"白板"網(wǎng)頁，我們該怎么解決呢?

我們可以參照facebook的做法，即引導用戶進入帶有noscript標識的 “/?_fb_noscript=1”頁面，用 html4 標簽替換 html5 標簽，這要比為了保持兼容性而寫大量 hack 的做法更輕便一些。

<!--[if lte IE 8]>
<noscript>
  <style>
    .html5-wrappers{display:none!important;}
  </style>
  <div class="ie-noscript-warning">您的瀏覽器禁用了腳本，請<a href="#">查看這里</a>來啟用腳本!或者<a href="/?noscript=1">繼續(xù)訪問</a>.
  </div>
</noscript>
<![endif]-->

這樣可以引導用戶開啟腳本，或者直接跳轉到HTML4標簽設計的界面。

、由于flash的安全漏洞問題，現(xiàn)如今很多主流的瀏覽器比如谷歌、火狐、Edge等都默認禁用了flash，只有國內(nèi)的一些瀏覽器依然還在使用flash，因為國內(nèi)還有很多網(wǎng)站依然還是沒有啟用html5等新的技術，導致使用谷歌等國外瀏覽器時，會出現(xiàn)瀏覽很多網(wǎng)頁的框架、視頻、圖片等無法正常顯示的問題，那么該如何設置谷歌瀏覽器為默認啟用flash的呢，下面是具體操作。如下圖，打開斗魚直播的flash頁面，提示的信息

2、在老版本的谷歌瀏覽器中，可以在狀態(tài)欄輸入chrome:// plugins這條命令，然后點擊永久啟用flash即可，但是在新版瀏覽器中，這條命令已經(jīng)被谷歌刪除了

3、那么在新版本的谷歌瀏覽器中，又該如何設置呢，點擊設置

4、滑到最下面，點擊"高級"

5、點擊"內(nèi)容設置"

6、找到"flash"進去

7、將"允許網(wǎng)站運行flash"開啟，將"先詢問"關閉，這樣子就會默認開啟flash了，不用再手動去點擊開啟了

8、下面是效果，可以看到斗魚直播的flash頁面可以直接打開了

近日Google宣布今年年底Chrome瀏覽器將開始使用默認播放HTML5內(nèi)容，但會有10個網(wǎng)站列入白名單，這些網(wǎng)站會繼續(xù)默認播放Flash內(nèi)容。

Google放棄支持Flash已經(jīng)不是一天兩天的事情了，在去年Google其下的YouTube網(wǎng)站便已將取消Flash作為默認播放，Google還陸續(xù)將Flash廣告轉換稱HTML5，并在明年2月開始停止顯示Flash廣告。近日Google宣布今年年底Chrome瀏覽器將開始使用默認播放HTML5內(nèi)容。

Google在近日放出了將HTML5作為Chrome瀏覽器默認播放內(nèi)容的計劃，從2016年Q4開始，Chrome將會優(yōu)先顯示HTML5播放，而網(wǎng)站僅支持Flash播放的時候，會向用戶請求運行。Google考慮到該計劃不影響到用戶體驗，所以會有10個大型熱門網(wǎng)站列入瀏覽器的白名單，包括有YouTube.com、Facebook.com、Yahoo.com、Twitch.tv和Amazon.com等在內(nèi)，這些網(wǎng)站都會未來一年內(nèi)都會保留默認加載Flash。

Chrome瀏覽器在國內(nèi)也有不少用戶，Google沒有國內(nèi)的網(wǎng)站白名單，雖然國內(nèi)各大視頻網(wǎng)站都已經(jīng)支持HTML5，但Flash應用還是太廣泛了，所以在很長一段時間內(nèi)用戶都要忍受打開網(wǎng)頁后，有一大片內(nèi)容不正常顯示的懵BI了。

關注超能網(wǎng)微信公眾號exp2006，原創(chuàng)科技資訊精彩不斷。

在線咨詢

上一篇：6款手機app推薦，建議收藏！
下一篇：小R智能編程機器人

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商

解決舊版IE(678)不兼容HTML5標簽的方法

方式一：Coding JavaScript

方法二：使用Google的html5shiv包（推薦）

您的項目需求