讓IE9以下版本的瀏覽器相容HTML5的方法_html5教學技巧

讓IE(包括IE6)支援HTML5元素，我們需要在HTML頭部加入以下JavaScript，這是一個簡單的document.createElement聲明，利用條件註解針對IE來呼叫這個js檔。 Opera，FireFox等其他非IE瀏覽器就會忽略這段程式碼，也不會存在http請求。

複製程式碼

程式碼如下:

上面這段程式碼只會在IE瀏覽器下運行，還有一點要注意，在頁面中呼叫html5.js檔案必須加入在頁面的head元素內，因為IE瀏覽器必須在元素解析前知道這個元素，所以這個js檔案不能在頁面底部呼叫。
這個html5的js檔案是作者把他放在Google code project上提供給大家可以直接呼叫的，當然，如果覺得這樣會影響你的網頁開啟速度，你可以把html5的js檔案直接下載下來讓後上傳到自己的伺服器單獨呼叫。
以下是html5的js檔案中的程式碼:

複製程式碼

程式碼如下:

程式碼如下:
(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(','),i=e.length;while(i–){document.createElement(e[i] )}})()

除了在網頁中呼叫包含以上程式碼的js檔案來讓IE瀏覽器支援HTML5元素以外，你也可以用下面這種方式把程式碼直接加入網頁中。

複製程式碼

程式碼如下:

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