让所有IE支持HTML5的解决方案

简介: 引用:http://blog.bingo929.com/html5-ie-enabling-script.html  自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。

引用:http://blog.bingo929.com/html5-ie-enabling-script.html

 自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。

您还可以参考以下HTML5相关教程及资源:
HTML5 Drag&Drop 拖拽、FileReader实例教程
HTML5 WebSockets 基础使用教程
HTML5和CSS3工具资源汇总
关于HTML 5 canvas 的基础教程
一起感受HTML5和CSS3的能量

使用和下载

  html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。)
  作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
  你可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:

1
2
3
<!--[if IE]>
   <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

当然如果你不喜欢调用外网文件,你也可以下载下来上传到自己的服务器单独调用(作者允许)。

以下是js文件中的代码:

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

英文原文:JavaScript and the DOM Series: Lesson 1

相关文章
|
6月前
|
Web App开发 前端开发 开发者
|
9月前
|
容器
layui框架实战案例(23):在layui-tab-content中layui-progress-bar在html拼接中不显示lay-percent的解决方案
layui框架实战案例(23):在layui-tab-content中layui-progress-bar在html拼接中不显示lay-percent的解决方案
216 0
|
9月前
|
数据库
wangEditor富文本编辑器的调用开发实录2(V5版本自定义粘贴,去除复制word或网页html冗余样式代码的解决方案)
wangEditor富文本编辑器的调用开发实录2(V5版本自定义粘贴,去除复制word或网页html冗余样式代码的解决方案)
366 0
|
9月前
|
前端开发 PHP
web开发HTML生成PDF的三种解决方案(服务器端mpdf、html2canvas.js、浏览器打印、PDF虚拟打印机)
web开发HTML生成PDF的三种解决方案(服务器端mpdf、html2canvas.js、浏览器打印、PDF虚拟打印机)
767 0
|
9月前
|
PHP
smarty模版引擎在HTML中常用的循环实例解决方案
smarty模版引擎在HTML中常用的循环实例解决方案
33 0
|
9月前
html2canvas生成PDF并下载的解决方案
html2canvas生成PDF并下载的解决方案
121 0
|
9月前
|
移动开发 安全 JavaScript
html5使用postMessage解决跨域和跨窗口消息传递的解决方案
html5使用postMessage解决跨域和跨窗口消息传递的解决方案
107 0
|
9月前
|
前端开发
Echarts实战案例代码(49):基于不支持立体漏斗图Funnel的HTML+CSS解决方案
Echarts实战案例代码(49):基于不支持立体漏斗图Funnel的HTML+CSS解决方案
102 0
|
9月前
|
JavaScript 前端开发
javascript中html单双引号混排的解决方案
javascript中html单双引号混排的解决方案
44 0
|
9月前
|
前端开发
ajax返回数据进行for双循环实现前端html渲染数据的解决方案
ajax返回数据进行for双循环实现前端html渲染数据的解决方案
126 0