让所有IE支持HTML5

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

 

使用和下载
html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。)

 

作者已经把js文件放在Google code project上并允许大家直接调用，当然，前提是你不在意调用额外的文件。

 

http://html5shiv.googlecode.com/svn/trunk/html5.js

你可以使用IE条件注释来调用这个js文件，这样像FireFox等非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。下面这段代码仅 会在IE浏览器下运行:

 

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

 

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

 

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

 

 

HTML5 参考手册

 

另外 excanvas.js是谷歌写的为了在IE6支持canvas元素的脚本，里面还有很多例子。

 

http://excanvas.sourceforge.net/

https://developer.mozilla.org/En/Canvas_tutorial

 

 

 

更多请看HTML 5 canvas 基本语法

canvas 教程

http://billmill.org/static/canvastutorial/index.html    (英文)

https://developer.mozilla.org/en/Canvas_tutorial   (多语言)

https://developer.mozilla.org/cn/Canvas_tutorial    (中文)