App下載

在HTML5有哪幾種新標簽?解決新標簽兼容的兩種方法分享!

猿友 2021-07-17 10:34:59 瀏覽數(shù) (1692)
反饋

從前端開發(fā)的開始到現(xiàn)在已經(jīng)更新了不少的版本和新的標簽,那么今天我們就來說說:“在HTML5有哪幾種新標簽?”這個問題吧!下面是有關于解決新標簽兼容的兩種方法分享!

第一種方法:(使用html5shiv)

<!--[if lt IE9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

由于國內(nèi)google的服務器訪問卡,建議調(diào)用國內(nèi)的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中進行學習和了解。 


0 人點贊