在HTML5有哪几种新标签?解决新标签兼容的两种方法分享!

2021-07-17 10:34:59 浏览数 (32)

从前端开发的开始到现在已经更新了不少的版本和新的标签,那么今天我们就来说说:“在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中进行学习和了解。 


2 人点赞