在 IE 中使用 HTML5 元素
2009-06-19 17:54
369 查看
一个HTML5范本
<html>
<head>
<style>blah { color: red; }</style>
</head>
<body>
<blah>Hello!</blah>
</body>
</html>
一个简洁的 方法 让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可:
<html>
<head>
<style>blah { color: red; }</style>
<script>document.createElement("blah")</script>
</head>
<body>
<blah>Hello!</blah>
</body>
</html>
在 IE 中,为了更方便使用 HTML5 元素,我们可以引入这样的脚本:
(function(){
// from: http://dean.edwards.name/weblog/2007/03/sniff/ if(!/*@cc_on!@*/0) return;
var html5 = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,
eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,
progress,section,time,video".split(',');
for(var i = 0, len = html5.length; i < len; i++ )
document.createElement(html5[i]);
}
})();
JS下载
http://remysharp.com/downloads/html5.js
JS应用
<!--[if IE]>
<script src="html5.js" type="text/javascript"></script>
<![endif]-->
<html>
<head>
<style>blah { color: red; }</style>
</head>
<body>
<blah>Hello!</blah>
</body>
</html>
一个简洁的 方法 让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可:
<html>
<head>
<style>blah { color: red; }</style>
<script>document.createElement("blah")</script>
</head>
<body>
<blah>Hello!</blah>
</body>
</html>
在 IE 中,为了更方便使用 HTML5 元素,我们可以引入这样的脚本:
(function(){
// from: http://dean.edwards.name/weblog/2007/03/sniff/ if(!/*@cc_on!@*/0) return;
var html5 = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,
eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,
progress,section,time,video".split(',');
for(var i = 0, len = html5.length; i < len; i++ )
document.createElement(html5[i]);
}
})();
JS下载
http://remysharp.com/downloads/html5.js
JS应用
<!--[if IE]>
<script src="html5.js" type="text/javascript"></script>
<![endif]-->
相关文章推荐
- 如何在 IE 中使用 HTML5 元素
- 使用 HTML5 Shiv 让 IE 支持 HTML5
- HTML5 使用结构元素进行网页布局
- 使用jTopo给Html5 Canva中的元素添加鼠标事件
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后,子元素不随着滚动条滚动的问题
- 使用 HTML5 Shiv 让 IE 支持 HTML5
- 【HTML5】元素<script>与<noscript>的使用
- HTML5—新语义元素header、nav、section、article、aside、footer等使用及兼容
- HTML5—新语义元素header、nav、section、article、aside、footer等使用及兼容
- 使用progress元素--html5学习
- 使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
- 使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
- 【HTML5学习笔记】6:文档元素的使用
- 使用HTML5的Canvas标签实现绘图板内拖拽元素
- Bootstrap3 移动设备优先并使用了一些HTML5元素
- 【HTML5】用脚本控制交互元素details元素的使用
- 如何使用Createjs来编写HTML5游戏(八) 通过继承扩展EaselJS中的基础元素
- 让IE支持HTML5元素作为CSS选择器
- Windows上的IE使用layout布局概念来控制元素的尺寸和定位。
- 使用HTML5的JS选择器操作页面中的元素