1. ホーム
  2. Web制作
  3. html5

HTML5新タグの互換性 --> <! --<if lt IE 9><!endif--> の2つの方法があります。

2022-02-01 01:07:30

1つ目の方法 (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

2つ目の方法 (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タグの互換性について少し紹介しました --> <! --<if lt IE 9><!endif--> の2つの方法について、お役に立てれば幸いです。もし何かご質問があれば、メッセージをいただければ、すぐに返信いたします。また、スクリプトハウスのウェブサイトを応援していただき、ありがとうございます。