X-UA対応のメタタグの説明と用途

X-UA互換のメタタグは、古いIEブラウザでWebページを表示するのに役立ちます。

長年にわたり、MicrosoftのInternet Explorerブラウザの古いバージョンでは、Webサイトのデザイナーや開発者にとって頭痛がありました。 以前のIEバージョンに特別に対応するためにCSSファイルを作成する必要性は、Web開発者が覚えていることが多い長いことです。 ありがたいことに、IEの新しいバージョンとMicrosoftの最新ブラウザEdgeは、Web標準にはるかに適合しています。最新のMicrosoftブラウザは、最新のバージョンに自動的に更新されるように「常に緑色」なので、私たちが過去に行ったように、このプラットフォームの古いバージョンと闘うことはまずありません。

ほとんどのWebデザイナーにとって、Microsoftのブラウザの進歩は、以前のIEのバージョンが私たちに過去に提示した課題に対処する必要がなくなったことを意味します。 しかし、私たちのうちの何人かはとても幸運ではありません。 あなたが管理しているサイトに古いInternet Explorerバージョンの訪問者がかなり含まれている場合や、何らかの理由で古いIEバージョンを使用している会社の場合はイントラネットのような内部リソースを使用している場合はこれらのブラウザは、古くなったとしてもテストを続ける必要があります。 これを行う方法の1つは、X-UA互換モードを使用することです。

X-UA-Compatibleは、Web制作者がページをどのバージョンのInternet Explorerとして表示するかを選択できるドキュメントモードのメタタグです。 Internet Explorer 8では、ページをIE 7(互換性ビュー)またはIE 8(標準ビュー)としてレンダリングするかどうかを指定するために使用されます。

Internet Explorer 11では、ドキュメントモードは廃止されており、使用されなくなりました。 IE11は、古いWebサイトで問題を引き起こしたWeb標準のサポートを更新しました。

これを行うには、タグの内容に使用するユーザーエージェントとバージョンを指定します。

"IE = EmulateIE7"

コンテンツのオプションは次のとおりです。

バージョンをエミュレートすると、DOCTYPEを使用してコンテンツの表示方法を決定するようブラウザに指示されます。

DOCTYPEのないページはquirksモードでレンダリングされます

エミュレートせずにブラウザのバージョンを使用するように指示すると(IE = 7)、ブラウザはDOCTYPE宣言があるかどうかに関係なく、標準モードでページをレンダリングします。

"IE = edge"は、Internet ExplorerにそのバージョンのIEで使用可能な最高のモードを使用するよう指示します。 Internet Explorer 8は最大IE8モードをサポートし、IE9はIE9モードなどをサポートします。

X-UA対応メタタグの種類:

X-UA対応メタタグはhttp-equivメタタグです。

X-UA対応のメタタグ形式:

エミュレートIE 7

DOCTYPEの有無にかかわらずIE 8として表示

Quirksモード(IE 5)

X-UA対応のメタタグ推奨用途:

Internet Explorer 8がページを正しく表示しないと思われるWebページで、X-UA互換メタタグを使用します。 XML宣言を含むXHTML文書がある場合など。 ドキュメントの上部にあるXML宣言は、ページを互換性ビューにスローしますが、DOCTYPE宣言は標準ビューでレンダリングするよう強制します。

リアリティチェック

Internet Explorer 5としてレンダリングする必要のあるWebサイトで作業している可能性はほとんどありませんが、わかりません。

これらの特定のブラウザ用に古くから開発された独自のレガシーソフトウェアを引き続き使用するために、従業員に非常に古いバージョンのブラウザを使用させる企業が依然として存在します。 ウェブ業界の人々にとっては、このようなブラウザを使用するというアイデアは狂っているようですが、数十年前のプログラムを使って製造現場で在庫を管理する製造会社を想像してください。 はい、確かにこれを行うための現代的なプラットフォームがありますが、それらのプラットフォームの1つに投資しましたか? 現在のシステムが壊れていない場合、なぜ彼らはそれを変更するでしょうか? 多くの場合、彼らはそうしないでしょう、そして、あなたはこの会社が従業員にそのソフトウェアを使用させ、アンティークブラウザがそれを実行するのを確実にします。

そうじゃない? おそらく、確かに可能です。 このような問題に遭遇した場合、これらの古い文書モードでサイトを実行できるようになり、必要なものがまったくなくなる可能性があります。

Jennifer Kryninのオリジナル記事。 ジェレミージラール編集:6/7/17