html5がIEと互換性がない場合の対処方法

html5 IE と互換性のない解決策: 1. JavaScript コード「while (i--){document.createElement(e[i])}」を使用して互換性の問題を解決します。2. Google の html5shiv パッケージを使用して問題を解決します。問題 IE は HTML5 タグと互換性がありません。

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、DELL G3 コンピューター

html5 の場合はどうすればよいですかIEは対応してないのでしょうか？

IE (IE6/IE7/IE8) が HTML5 タグに対応していない問題を解決する完璧な方法

HTML5 のセマンティック タグと属性を使用すると、開発者は明確な Web ページ レイアウトを簡単に実装できます。CSS3 効果のレンダリングと組み合わせることで、リッチで柔軟な Web ページをすばやく作成することが非常に簡単になります。

HTML5 の新しいタグ要素は次のとおりです:

• ページまたはセクションのヘッダーを定義します;
• #
  ページまたはセクションのフッターを定義します;
• #
  ページまたはセクションのナビゲーション領域を定義します;
< ;section> ページ上の論理領域またはコンテンツの組み合わせ;
メイン テキストまたはコンテンツ全体を定義します;
< 余談>補足コンテンツまたは関連コンテンツを定義する;

これらを使用すると、コード セマンティクスがより直観的になり、SEO の最適化が容易になります。 。ただし、この新しい HTML5 タグは IE6/IE7/IE8 では認識されないため、JavaScript 処理が必要です。ここではいくつかの方法を紹介します。

方法 1: JavaScript のコーディング

<!--[if lt IE9]> 
<script> 
   (function() {
     if (! 
     /*@cc_on!@*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(&#39;, &#39;);
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

IE9 より前の IE ブラウザの場合、HTML5 タグが作成されるため、IE 以外のブラウザはこのコードを無視し、不要なコードは生成されません。エラー。http が要求されました。

2 番目の方法: Google の html5shiv パッケージを使用する (推奨)

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

ただし、上記のどの方法を使用しても、新しいタグの CSS を初期化します。HTML5 はデフォルトでインライン要素として動作するため、これらの要素をレイアウトするには、レイアウトを容易にするために CSS を使用して手動でブロック要素に変換する必要があります

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

しかし、ie6/7/8 のユーザーがスクリプトを無効にすると、スタイルのない「ホワイトボード」の Web ページになります。これをどう解決すればよいでしょうか?

Facebook のアプローチ、つまりユーザーをガイドする方法を参考にすることができます。

"/?_fb_noscript=1"

ページに noscript ロゴが入り、html5 タグが html4 タグに置き換えられます。これは、互換性を維持するために多くのハックを記述するよりも簡単です。

<!--[if lte IE 8]> 
<noscript>
     <style>.html5-wrappers{display:none!important;}</style>
     <div class="ie-noscript-warning">您的浏览器禁用了脚本，请<a href="">查看这里</a>来启用脚本!或者<a href="/?noscript=1">继续访问</a>.
     </div>
</noscript>
<![endif]-->

これにより、ユーザーはスクリプトを開くか、HTML4 タグ設計インターフェイスに直接ジャンプすることができます。

推奨学習: 「

HTML5 ビデオ チュートリアル

」

以上がhtml5がIEと互換性がない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。