How to make browsers below IE9 compatible with HTML5_html5 tutorial tips

To make IE (including IE6) support HTML5 elements, we need to add the following JavaScript to the HTML header. This is a simple document.createElement statement, using conditional comments to call this js file for IE. Opera, FireFox and other non-IE browsers will ignore this code and there will be no http request.

Copy code

The code is as follows:

The above code will only run under the IE browser. Another thing to note is that when calling the html5.js file in the page, it must be added within the head element of the page, because the IE browser must parse the element This element is known before, so this js file cannot be called at the bottom of the page.
The author put this html5 js file on Google code project for everyone to call directly. Of course, if you think this will affect the opening speed of your web page, you can directly download the html5 js file. Then upload it to your own server and call it separately.
The following is the code in the js file of html5:

Copy the code

The code is as follows:

(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] )}})()

In addition to calling the js file containing the above code in the web page to make IE browser support HTML5 elements, you can also add the code directly to the web page in the following way middle.

Copy code

The code is as follows:

<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>