100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > HTML5新标签对IE低版本浏览器的兼容处理

HTML5新标签对IE低版本浏览器的兼容处理

时间:2022-05-17 00:50:49

相关推荐

HTML5新标签对IE低版本浏览器的兼容处理

问题概述:IE8浏览器中还没有添加对HTML5新标签的支持,当在页面中使用HTML5新标签时,新标签不兼容

1)使用JavaScript新增元素的方法解决

注意:使用javascript新增元素的方法解决,新增的出来的html5标签是行级元素,需要css把行内元素转为块 ​//js创建html5标签document.createElement("header");document.createElement("nav");document.createElement("article");document.createElement("section");document.createElement("aside");document.createElement("footer");</script>​最后在css样式中将新建的header元素转为块级元素​header,nav,article,section,aside,footer {display: block;}​​<header>我说头部信息</header>

2)使用谷歌提供的html5shiv.js解决

插件功能:用于解决IE8及以下版本的浏览器对HTML5新增元素的不兼容问题写在网页头部(写在head标签内部)​<script src="js/html5shiv.min.js"></script>​可以使用本地文件也可以使用外部资源库​- Google 资源库:(不稳定)/svn/trunk/html5.js - 百度静态资源库:(国内推荐使用)/libs/html5shiv/3.7/html5shiv.min.js

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。