繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 解决IE支持HTML5的问题
- HTML/XHTML教程
- 理解表现和结构相分离
- HTML语言剖析（一）Html简介
- HTML语言剖析（二）HTML标记一览
- HTML语言剖析（三）文件标记
- HTML语言剖析（四）排版标记
- HTML语言剖析（五）字体标记
- HTML语言剖析（六）清单标记
- 采访Eric Meyer的10个问题
- Flash页面如何通过校验
- 为什么要抛弃HTML
- 典型的三行二列居中高度自适应布局
- 盒模型bug的解决方法
- 用!important解决IE和Mozilla的布局差别
- 使用DIV之后,什么时候使用TABLE
- 同一个页面用多个id有什么影响
- 定义标题的最好方法
- 左中右3栏布局中最先显示中栏内容的方法
- alt属性和title属性
- 在IE中为abbr标签加样式
- HTML4标签的默认样式列表
HTML/XHTML教程 中的 解决IE支持HTML5的问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-27 浏览: 35 ::
收藏到网摘: n/a
自从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浏览器下运行:
| 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
评论 (0) All
