html5标签不兼容怎么办?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5标签不兼容怎么办?相关的知识,希望对你有一定的参考价值。

去百度搜搜pie.js和pie.css,先了解这两个文件的用法,知道怎么用后可以支持大部分的h5标签和css的样式属性,极大支持了678不支持的问题 参考技术A 方式1:Coding javascript
(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])

)()
如果是IE9以下的IE浏览器将创建html5标签, 这样非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。

方式2:使用Google的html5shiv包(推荐)
<!--[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> (BY三人行慕课)

IE9以下版本兼容h5标签

随着html5(后面用h5代表)标签越来越广泛的使用,IE9以下(IE6-IE8)不识别h5标签的问题让人很是烦恼。

在火狐和chrome之类的浏览器中,遇到不认识的标签,只要给个display:block属性,就能让这个元素成为一个类似div的元素,但是到IE上就很恶心了,它不认识就是不认识,你在html和css里添加什么它都不理你。

没什么什么问题是万能的程序猿解决不了的,其实要让IE识别一个自定义的标签(IE认为h5的标签是陌生的,不合法的)

html5--html5shiv.js插件下载

https://github.com/aFarkas/html5shiv/releases

css3--selectivizr-min.js插件下载

http://selectivizr.com/

以上两个插件常在项目中运用较多。在html页面中的<head>标签里面插入下载好的js文件,页面就可以正常添加html5元素了,css3样式

以上是关于html5标签不兼容怎么办?的主要内容,如果未能解决你的问题,请参考以下文章

html5解决HTML5新标签不兼容的问题

怎么让 html5 的 video标签在 ios播放

如何解决IE6/IE7/IE8浏览器不兼容HTML5新标签的问题

完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

html5中语义化标签以及兼容性处理方法

HTML5新增的语义标签和IE版本低的兼容性问题