ホームページ >ウェブフロントエンド >フロントエンドQ&A >html5がIEと互換性がない場合の対処方法

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

藏色散人
藏色散人オリジナル
2023-01-28 09:41:532424ブラウズ

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

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

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

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

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

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

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

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

これらを使用すると、コード セマンティクスがより直観的になり、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 パッケージを使用する (推奨)

175036b059c08cfe0e939537257b7055 
9cf7fc12b64b9e15221a83d1b7b302422cacc6d41bbb37262a98f745aa00fbf0
1b771f47d72d900ba74308aee59557f0
ただし、上記のどの方法を使用しても、新しいタグの 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 タグに置き換えられます。これは、互換性を維持するために多くのハックを記述するよりも簡単です。

9c9310510906c367d77326a69bdd2881 
2b0b25ff593c5b6c03403dd6234ffb2c
     c9ccee2e6ea535a969eb3f532ad9fe89.html5-wrappers{display:none!important;}531ac245ce3e4fe3d50054a55f265927
     0dcc676bcaca523de89d0760fc544da8您的浏览器禁用了脚本,请6170e8999ab19ec641e0422470b16d5c查看这里5db79b134e9f6b82c0b36e0489ee08ed来启用脚本!或者aa3476d4b82149a37c044d53c621d5db继续访问5db79b134e9f6b82c0b36e0489ee08ed.
     16b28748ea4df4d9c2150843fecfba68
f920f363442462683100636cb2662870
1b771f47d72d900ba74308aee59557f0
これにより、ユーザーはスクリプトを開くか、HTML4 タグ設計インターフェイスに直接ジャンプすることができます。

推奨学習: 「

HTML5 ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。