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

藏色散人
リリース: 2023-01-28 09:41:53
オリジナル
2309 人が閲覧しました

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 の新しいタグ要素は次のとおりです:

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

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

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

ログイン後にコピー

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

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

ログイン後にコピー

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

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

推奨学習: 「

HTML5 ビデオ チュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!