解决IE9以下版本不支持HTML5

最新推荐文章于 2021-08-17 15:34:16 发布

String佳佳

最新推荐文章于 2021-08-17 15:34:16 发布

阅读量489

点赞数

原文链接：https://www.cnblogs.com/web-wjg/p/7245767.html

版权

*IE9 以下版本浏览器兼容HTML5的方法，使用静态资源的html5shiv包：

<!--[if lt IE 9]>
    <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用js文件必须添加在页面的head元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。

*载入后，初始化新标签的CSS：

/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

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

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

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

html5–html5shiv.js插件下载

css3–selectivizr-min.js插件下载

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

关注