福岡 web・ホームページ制作 Eight(エイト)

IEの互換表示でレイアウト崩れを防げる(制御できる)メタタグの記述方法

IEの互換表示
Category:HTML5

互換表示とは

互換表示とは、IE8 以降のバージョンに標準装備されていて、古い IE と同等の表示結果が得られるように表示方法を切り替えることができる機能です。

WEB サイトを表示したときに、アドレスバーに破れた紙のようなアイコンが表示されることがあります。

メタタグを使って互換表示を制御する方法

ブラウザの操作に関係なく互換表示を制御するには、以下のようなメタタグをサイト(~内)に追加します。

<meta http-equiv="X-UA-Compatible" content="値" />
説明
IE=8 IE8 標準モードで表示します。
IE=7 IE7 標準モードで表示します。
IE=5 Quirks モードで表示します。
IE=edge 最新のドキュメント モードで表示します。
IE=EmulateIE8 DOCTYPE 宣言に応じて IE8 標準モードまたは Quirks モードで表示します。
IE=EmulateIE7 DOCTYPE 宣言に応じて IE7 標準モードまたは Quirks モードで表示します。

記述例

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Comments

Page Top