用語(yǔ)義化代碼更直觀，而且更方便SEO優(yōu)化。但是此HTML5新標(biāo)簽在IE6/IE7/IE8上并不能識(shí)別，需要進(jìn)行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標(biāo)簽， 這樣非IE瀏覽器就會(huì)忽視這段代碼，也就不會(huì)有無(wú)謂的http請(qǐng)求了。

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

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

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

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

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

如果IE6/7/8 禁用腳本的用戶，那么就變成了無(wú)樣式的"白板"網(wǎng)頁(yè)，我們?cè)撛趺唇鉀Q呢?

我們可以參照f(shuō)acebook的做法，即引導(dǎo)用戶進(jìn)入帶有noscript標(biāo)識(shí)的 “/?_fb_noscript=1”頁(yè)面，用 html4 標(biāo)簽替換 html5 標(biāo)簽，這要比為了保持兼容性而寫(xiě)大量 hack 的做法更輕便一些。

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

這樣可以引導(dǎo)用戶開(kāi)啟腳本，或者直接跳轉(zhuǎn)到HTML4標(biāo)簽設(shè)計(jì)的界面。

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

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

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

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

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