App下載

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

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

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

第一種方法:(使用html5shiv)

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

由于國內(nèi)google的服務(wù)器訪問卡,建議調(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-->

總結(jié)

那么對于新標(biāo)簽的使用和兼容問題的有所了解了吧!當(dāng)然更多有關(guān)于:“在HTML5有哪幾種新標(biāo)簽?”這個(gè)問題的分享就到這里了。對html5有感興趣的小伙伴們可以在W3Cschool中進(jìn)行學(xué)習(xí)和了解。 


0 人點(diǎn)贊