html5 在IE6/IE7/IE8中使用html5标签 -

linhui_dragon

浏览: 155075 次
性别:
来自: 北京

最近访客更多访客>>

r190820

ruancheng

yaya0775

Isaacedvr

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

html5 在IE6/IE7/IE8中使用html5标签

博客分类：

JavaScript
JS

html5 在IE6/IE7/IE8中使用html5标签

html5出来后多了很多标签，但是IE6/IE7/IE8并不支持html5,这让我们开发html5网站的很郁闷。现在就介绍下如何在IE6/IE7/IE8中使用html5标签。

原理就是在css中，将新标签的样式变成块状元素，然后在script中创建新标签。直接放出代码，如果您是IE6/IE7/IE8用户，可运行代码试试：

<!doctype html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在IE6/IE7/IE8中使用html5标签</title>
<!--试试去掉以下方法，运行代码看看-->
<!--方法一-->
<!--
<!–[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
-->
<!--方法二-->
<style type="text/css">
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
</style>
<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>
</head>
<body>
<header>宅到底</header>
<nav>菜单1</nav>
<div>菜单2</div>
</body>

在IE6/IE7/IE8下，header和nav不被识别，所以“宅到底”和“菜单1”会在同一行输出。加上以上方法后，header和nav会被当成是div，所以会分两行输出。

分享到：

input失去焦点和获得焦点jquery焦点事件 | 让IE浏览器支持HTML5标准的方法

2014-01-13 11:26
浏览 5027
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

html5 在IE6/IE7/IE8中使用html5标签

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

html5 在IE6/IE7/IE8中使用html5标签

评论

发表评论

相关推荐

web前端页面性能优化小结

jQuery与ExtJS优缺点比较

LABjs、RequireJS、SeaJS 哪个最好用？为什么？

offsetHeight, clientHeight与scrollHeight的区别

表单提交后不刷新当前页面

input失去焦点和获得焦点jquery焦点事件

让IE浏览器支持HTML5标准的方法

jquery设置元素的readonly和disabled

JS数据类型转换

window.onload

JS:window.onload的使用

$(document).ready() 与 JavaScript中的window.onload

小编辑 HTML5 的 placeholder属性

JSON 数据格式

js 中 map 转换 json 格式

JS获取当前页面的URL信息

李炎恢--JS视频

SeaJS-----GitHub Issues

CMD 模块定义规范

Javascript模块化编程（三）：require.js的用法

最近访客更多访客>>