怎么让ie浏览器支持html5


这篇文章主要介绍了怎么让ie浏览器支持html5的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么让ie浏览器支持html5文章都会有所收获,下面我们一起来看看吧。
代码如下:

Hello!

为了是浏览器识别标签并显示对应样式的效果,我们可以如下增加一段js,看到效果就不同了
复制代码
代码如下:

Hello!mxria.com

现在大家明白了其中的奥妙吧!对,就是document.createElement ,HTML5 shiv就是这样一个js插件,将所有HTML5的标签进行了重新生成,你需要加载该插件,那么HTML5程序就能被所有浏览器识别了。
trunk/html5.js简单使用方法:
下面是引用Google的html5.js文件:
html5shiv的使用非常的简单,考虑到IE9是支持html5的,所以只需要在页面head中添加如下代码即可:
复制代码
代码如下:

将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个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.le免费云主机域名ngth;while(i–){document.createElement(e[i])}})()
最后在css里面加上这段:
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
主要是让这些html5标签成块状,像div那样。关于“怎么让ie浏览器支持html5”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“怎么让ie浏览器支持html5”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: maven项目install时忽略执行test的示例分析

小编给大家分享一下maven项目install时忽略执行test的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!或在pom.xml文件的中添加如下配置:或eclipse项目右键——>Run As——>Maven build…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 01/09 17:54
Next 01/09 17:55

相关推荐