在HTML5有哪几种新标签?解决新标签兼容的两种方法分享!
更新时间:2024-12-09 分类:运营笔记 浏览量:2
从前端开发的开始到现在已经更新了不少的版本和新的标签,那么今天我们就来说说:“在HTML5有哪几种新标签?”这个问题吧!下面是有关于解决新标签兼容的两种方法分享!
第一种方法:(使用html5shiv)
<!--[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
由于国内google的服务器访问卡,建议调用国内的cdn
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
下载html5shiv
https://github.com/aFarkas/html5shiv
本人博客下载地址:https://i.cnblogs.com/Files.aspx
第二种方法:(需要映入JQuery)
<!--<if lt IE 9>
<script>
(function(){
if(!/*@cc_on!@*/0){
return;
}
var arr= "abbr, article, audio, canvas, datalist, dialog, figure, footer, header, nav, hgroup, section, video, progress, aside,svg".split(",");
var i = arr.length;
while(i--){
document.createElement(arr[i]);
}
})()
</script>
<!endif-->
总结
那么对于新标签的使用和兼容问题的有所了解了吧!当然更多有关于:“在HTML5有哪几种新标签?”这个问题的分享就到这里了。对html5有感兴趣的小伙伴们可以在W3Cschool中进行学习和了解。