欢迎光临
我们一直在努力

怎么让ie浏览器支持html5

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

代码如下:

<html>

<head>

<style>mxria{ color: red; }</style>

</head>

<body>

<mxria>Hello!</mxria>

</body>

</html>

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

复制代码

代码如下:

<html>

<head>

<style> mxria{ color: red; }</style>

<script>document.createElement("mxria")</script>

</head>

<body>

<mxria>Hello!mxria.com</mxria>

</body>

</html>

现在大家明白了其中的奥妙吧!对,就是document.createElement  ,HTML5 shiv就是这样一个js插件,将所有HTML5的标签进行了重新生成,你需要加载该插件,那么HTML5程序就能被所有浏览器识别了。

trunk/html5.js简单使用方法:

下面是引用Google的html5.js文件:

html5shiv的使用非常的简单,考虑到IE9是支持html5的,所以只需要在页面head中添加如下代码即可:

复制代码

代码如下:

<!–[if lt IE 9]>

<script src="dist/html5shiv.js"></script>

<![endif]–>

将上代码复制到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.length;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”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注云搜网行业资讯频道。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。