Home > Web Front-end > H5 Tutorial > How to make browsers below IE9 compatible with HTML5_html5 tutorial tips

How to make browsers below IE9 compatible with HTML5_html5 tutorial tips

WBOY
Release: 2016-05-16 15:48:15
Original
1852 people have browsed it

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>

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template