IE6(WindowsXP)からIE10(Windows8)対応への変更をhtml、css、JavaScriptを変更する事で行いたいのですが、仕様変更内容を元に行いたいと思っています。
IE10で表示が崩れたりするのは、どうもcssの解釈が変わった事の様なのですが、どういう解釈の仕様変更があったかを把握した上でcssを変更したいと考えております。また、html、JavaScriptも変更する必要があるのかも確認したいと思っております。
有益な情報が載っているサイトや書籍等あれば教えてください。
IE6とIE10の直接比較が出来なければ、IE6 -> IE7 -> IE8 -> IE9 -> IE10と順をおって確認出来る情報でもあれば教えて下さい。
No.2ベストアンサー
- 回答日時:
>IE10で表示が崩れたりするのは、どうもcssの解釈が変わった事の様なのですが、
これは、実情とは違う認識だと思います。
マイクロソフトにとってブラウザはOSを販売するためのもの以外ではないので、ユーザーを取り込むために独自仕様で固めて、ウェブ標準に距離を置いていたのですが、時勢に逆らえずしぶしぶ、ウェブ標準に舵を切ったということです。IEは互換モードと言うIE独自仕様を利用したウェブページを閲覧するモードを持っていたに過ぎません。
【引用】____________ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。・・・【中略】・・・
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
言い換えるととても単純です。すなわち、IEも標準モードをもっていますから、ウェブページを「IEでも標準モードで動作するように製作する」と言うことです。
それによって、firefox,Chrome,Operaなどのウェブ標準のブラウザのみならず、スマホや携帯電話、スクリーンリーダー、点字端末などに対処できるということです。
>どういう解釈の仕様変更があったかを把握した上で
仕様変更を理解するのも良いですが、そうではなくIEも標準モードで動作するように作成すると、互換モードは無視することが出来ます。
★IEを標準モードで動作させる方法はDOCTYPEをそのように記述することです。
⇒DOCTYPEスイッチ - W3G Web用語集 ( http://w3g.jp/others/data/doctype_switching )
どのHTML/XHTMLもこれによって標準モードが可能ですが、HTML4.01strictがもっとも良いでしょう。
・HTML5は後方互換を考えると時期尚早でしょう。
・transitinal,framesetは廃止される要素仕様を含むため選択すべきではない
・XHTMLは、XMLが必要な場合以外は選択する必要はないでしょう。
・HTML5にもっとも近い仕様です。
『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
すなわち、DOCTYPEは
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
になります。
>html、JavaScriptも変更する必要があるのかも確認したいと思っております。
javascriptは兎も角、HTMLは変更すべきです。
>有益な情報が載っているサイトや書籍等あれば教えてください。
HTML4.01strict( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 … )をしっかり復習しましょう。
サイトや書籍よりは確実なのはやはり仕様書でしょう。
>IE6 -> IE7 -> IE8 -> IE9 -> IE10と順をおって確認出来る情報
⇒IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス ( http://coliss.com/articles/browser/ie/928.html )
⇒My DebugBar | IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 10 ( http://my-debugbar.com/wiki/IETester/HomePage )
開発ツールはfirefoxが便利でしょう。開発用の豊富なアドオンがあります。
⇒開発者向けツール ( https://addons.mozilla.jp/firefox/extensions/dev … )
・ Firebug( https://addons.mozilla.jp/firefox/details/1843 )
・ Html Validator( https://addons.mozilla.jp/firefox/details/249 )
・ Open With( https://addons.mozilla.jp/firefox/details/11097 )
などは必須ですね。
No.4
- 回答日時:
No.2です。
>標準仕様になったという事だったのですね。
そうです。IEも標準モードで起動するように DOCTYPEを記述すると、他のブラウザと同様になりますから、もう悩む必要はないという事です。
ただ、No.2でも書きましたが、標準モードで動作するHTML/XHTMLにも様々なバージョンがありますが、将来を見通すと原状ではHTML4.01strictがベストと言う事です。もちろんDOCTYPE宣言だけでなく、HTML自体もそれで記述することが必要です。
⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
のDATA入力(右上タグで選択)でチェックしながら覚えていけば楽です。
No.3
- 回答日時:
IE10は一応モダンブラウザで、標準仕様にもよく対応してますから
他のモダンブラウザ(Chrome、Firefox等)で普通に見れるコンテンツを普通に作れば概ね問題ないですよ
解釈の仕様変更は考えなくてもいいです
というか、IE6の解釈がめちゃくちゃだっただけで、IE10は普通になっただけですから
前の変な知識はすっかり忘れてください
また、新しい機能を使いたいということであれば、CSSならCSS3でググってください
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 労働相談 合意済み仕様の商品納入後における仕様変更要求への対応について 5 2023/04/19 09:41
- その他(セキュリティ) 迷惑メール報告しても届く、メールは、どう対応してますか? 3 2022/09/04 13:05
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- 仕事術・業務効率化 使用中のソフトで、インボイス制度に対応する為の作業料が30万以上。普通? 4 2023/06/15 21:26
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- 格安スマホ・SIMフリースマホ MVNOの携帯を使っています。 ISPに電話番号変更希望を伝えた所、『解約新規の対応が必要になる。S 4 2023/03/09 22:56
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- クレジットカード 楽天カードの住所変更、勤務先変更忘れについて 突然楽天カードの利用可能額が10万円ほど減額されていて 5 2023/08/01 00:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Windows10 エクスプローラー表...
-
5chでエロ広告を出さない方法
-
Yahooの 画面サイズの変更
-
Microsoft edgeのIEモードを解...
-
ブラウザの検索欄に下線(破線)...
-
Edgeでダウンロード状況表示画...
-
WebのページをそのままEメール...
-
新しいパソコンへメールの移動...
-
Internet Explorer が使えなく...
-
パソコンの履歴を 画面が閉じる...
-
explorer.exe 教えてください。
-
スクリプトとは何ですか?
-
5ちゃんねるに書き込みをする時...
-
windows 10、edge。お気に入り...
-
Googleアカウントアドレス消したい
-
Windows11でEdy Viewerを使いたい
-
PCで、ヤフーの広告をログイン...
-
MS Edgeで画像が赤色になってし...
-
Windows 10にしましたがIEではG...
-
PDFファイルを見た後に、元のサ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アイフォーン6には防水機能はあ...
-
ある画面を定期的にリロードしたい
-
IE、OPERA、ネスケ以外...
-
Dream wever と GO Liveの違い
-
Nero 7でのベリファイ・コンペア
-
Yahoo!!のメモ帳機能について・...
-
IEと同じように閲覧できるタ...
-
googleツールバーが使えるタブ...
-
IE6からIE10対応への変更
-
Lunascapeについて
-
勝手にsleipnirでURLが開かれる...
-
NETSCAPEとSleipnirのちがい...
-
sleipnir1.66 固まる
-
instagramには足跡機能 観覧し...
-
XP・IE6に対応する勝手に開くポ...
-
LunascapeでGoogleツールバー
-
Zoom会議での多数決のとり方
-
VMware workstationとVMware se...
-
Webサイトのurlの保存方法?
-
パソコン版グーグルマップを最...
おすすめ情報