「WEB制作のためのIE対策1～バージョンごとの表示を確認する～」の編集履歴（バックアップ）一覧はこちら

「WEB制作のためのIE対策1～バージョンごとの表示を確認する～」(2015/10/15 (木) 20:32:35) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

WEBサイトを制作していて一番やっかいなのはIE（Internet Explorer）で正しく表示できるかという点です。
他のブラウザでは表示できるのにIEだけ・・・ということはよくあります。また、IEはバージョンごとにやれることも違うため、旧ブラウザのバージョンの確認もしなければなりません。
そんな中でIE対策として知っておくべきことを考えていきます。10月17日
~
~
目次
#contents
~
~
----
~
*ブラウザ利用状況：日本はIEが一番多い
これを見ると日本におけるブラウザはIEが一番多いことがわかります。
&image(width=400,browser001.png)
~
~
*IE11で古いバージョンや新しいバージョンの表示のされ方を確認する。
ChromeやFirefoxの開発者ツールは有名ですが、IEにも開発者ツールというものがあります。
ブラウザを開いて[F12]を押すとそれが確認できます。
そこで互換モード、IE11では以下の部分から変更できます。
&image(width=400,ie001.png)
~
~
*読み込めるものは6種類(IE11の場合)
IEのみで表示できなかったりした場合、タグではどう対処すればいのか、タグで読み込むモードを限定することができます。（互換表示）
IE5,7,8,9,10,edgeの6種類ありますが、IE8以降を中心に書いていきます。
~
~
IE8
 <meta http-equiv="x-ua-compatible" content="IE=8" >
 <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
IE9 
 <meta http-equiv="x-ua-compatible" content="IE=9" >
 <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
IE10 
 <meta http-equiv="x-ua-compatible" content="IE=10" >
 <meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" >
IEedge 
 <meta http-equiv="x-ua-compatible" content="IE=edge" >
~
~
*まとめ
IEは非常にやっかいですが、地道に対応していきましょう。
~
~
以上

WEBサイトを制作していて一番やっかいなのはIE（Internet Explorer）で正しく表示できるかという点です。
他のブラウザでは表示できるのにIEだけ・・・ということはよくあります。また、IEはバージョンごとにやれることも違うため、旧ブラウザのバージョンの確認もしなければなりません。
そんな中でIE対策として知っておくべきことを考えていきます。10月17日
~
~
目次
#contents
~
~
----
~
*ブラウザ利用状況：日本はIEが一番多い
これを見ると日本におけるブラウザはIEが一番多いことがわかります。
&image(width=400,browser001.png)
~
~
*IE11で古いバージョンや新しいバージョンの表示のされ方を確認する。
ChromeやFirefoxの開発者ツールは有名ですが、IEにも開発者ツールというものがあります。
~
ブラウザを開いて[F12]を押すとそれが確認できます。
そこで互換モード、IE11では以下の部分から変更できます。
&image(width=400,ie001.png)
~
~
*読み込めるものは6種類(IE11の場合)
IEのみで表示できなかったりした場合、タグではどう対処すればいのか、タグで読み込むモードを限定することができます。（互換表示）
IE5,7,8,9,10と次期OSwindows10のブラウザedgeの6種類ありますが、IE8以降を中心に書いていきます。
~
~
IE8
 <meta http-equiv="x-ua-compatible" content="IE=8" >
 <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
IE9 
 <meta http-equiv="x-ua-compatible" content="IE=9" >
 <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
IE10 
 <meta http-equiv="x-ua-compatible" content="IE=10" >
 <meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" >
IEedge 
 <meta http-equiv="x-ua-compatible" content="IE=edge" >
~
~
*まとめ
IEは非常にやっかいですが、地道に対応していきましょう。
~
~
以上