Home > Web Front-end > HTML Tutorial > 让IE6/IE7/IE8支持HTML5标签的js代码方法_html/css_WEB-ITnose

让IE6/IE7/IE8支持HTML5标签的js代码方法_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:33:19
Original
1144 people have browsed it

让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。

  方式一:引用google的html5.js文件,代码内容可以自己下载下来看。

 <!–[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]–>
Copy after login

  

将以上代码放到head标签区间

  方式二:自己coding JS搞定。

<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>
Copy after login

  

 不管你用上面哪中方式,请记得在CSS中进行如下定义,目的是让这些标签成为块状元素,just like div。

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

  

再结合那篇让ie6\7\8支持css3的,是不是世界美好了许多?

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