ホームページ > ウェブフロントエンド > htmlチュートリアル > IE8 互換性のための重要な属性 X-UA 互換性

IE8 互換性のための重要な属性 X-UA 互換性

php中世界最好的语言
リリース: 2018-01-26 10:11:50
オリジナル
2172 人が閲覧しました

今回は、IE8 と互換性のある重要な プロパティ X-UA-互換性 を使用する際の 注意事項 について説明します。 以下は、IE8 と互換性のある重要なプロパティです。ケース、見てみましょう。

コードは次のとおりです:

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
ログイン後にコピー

1. これは何を意味しますか?

2. IE のバージョンを区切るのに「,」を使用する例と「;」を使用する例がありますが、どちらが正しいでしょうか?

3. IE=9; IE=EDGE の意味を知りたいです。

ドキュメント内で使用される

返信:

IE8 以降の例:

コードは次のとおりです:

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />
ログイン後にコピー

特定のバージョン標準に従ってブラウザーを強制的にレンダリングします。ただし、IE7 以下のバージョンには対応していません。セミコロン (;) で区切ると、ブラウザのバージョンごとに互換性が異なります。たとえば、

<meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />
ログイン後にコピー

上の例では、IE8 と IE7 は IE7 標準に従ってレンダリングされますが、IE9 は引き続き IE9 標準に従ってレンダリングされます。これにより、さまざまな下位互換性レベルが可能になります。ただし、実際の状況では、選択する必要があるバージョンは 1 つだけです:

<meta http-equiv="X-UA-Compatible" content="IE=8" />
ログイン後にコピー

これにより、テストとメンテナンスが容易になります。通常、より便利な方法は、シミュレーションを実行することです

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
ログイン後にコピー

IE=EDGEの場合

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
ログイン後にコピー

これは、ブラウザが最新の標準に従って強制的にレンダリングされることを意味します。 Google の CDN で最新バージョンの JQuery を使用するのと同じように、これは最新バージョンに従っていますが、修正バージョンがないためにレイアウトが崩れる可能性もあります。

最後に、次のことを考慮してください

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
ログイン後にコピー

「chrome=1」を追加すると、Google Chrome に埋め込まれた Frame (Chrome Frame) を使用してクライアント側でサイトをレンダリングできるようになります。無効。

えー

追記:

現在、ほとんどの Web サイトは IE8 の互換性方法として を使用しています。 IE8 で生成されたページでのエラーを回避するには、IE8 でのレンダリングに IE7 を直接使用することをお勧めします。つまり、次のコードをページのヘッダーのメタ タグに直接追加します。

For more information, there is plenty to read here, and if you want to learn about ChromeFrame (which I recommend) you can learn about its implementation here.
ログイン後にコピー

ただし、 はそのままです。最初に選んだ。

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ /></p>< p><meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ ></p>< p><meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >
ログイン後にコピー

これらの事例を読んだ後、あなたはその方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトその他の関連記事に注目してください。

関連記事:

HTML リストでは、dl(dt,dd)、ul(li)、ol(li) の違いは何ですか

title 属性を使用してマウスホバー時にテキストを表示する方法

HTMLヘッドタグの用途は何ですか

以上がIE8 互換性のための重要な属性 X-UA 互換性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート