あなたが数ヶ月以上ウェブページをデザインしてきたのであれば、すべてのブラウザで同じように見えるページを書くのが難しいかもしれません。実際、それは不可能です。多くのブラウザには、扱うことができる特別な機能が書かれていました。または、他のブラウザがそれらをどのように扱うかとは異なるものを扱う特別な方法があります。例えば:
- レイヤーは、Netscapeブラウザーで使用するために作成されました。他のブラウザーでは動作しません.Netscape 6.x +では廃止されました。
- インラインフレームは、もともとはInternet Explorer専用に作成されて以来、HTML仕様の一部となっています。
- Internet Explorer 6.0では、)のタグを囲んでいます。 (IE 6にはこれと同様に多くの欠点があります。)
- Netscpe 4.7では正しいHTMLで書かれていない表は表示されません。代わりに空のページが表示されます。これはNetscape 6で修正されました。
ブラウザの開発者にとっての問題は、古いブラウザ用に構築されたWebページと下位互換性のあるWebブラウザを作成する必要があることです。この問題に対処するために、ブラウザメーカーはブラウザが動作するモードを作成しました。これらのモードはDOCTYPE要素の有無によって定義されます。 DOCTYPE コール。
DOCTYPE
私は私の記事で詳しく説明します DOCTYPEリストには、いくつかの一般的な経験則があります:
- 常に標準モードを選択してください。現在使用している標準はHTML5です:HTML5の使用を避ける特別な理由がない限り
DOCTYPEこれはあなたが使用すべきものです。 - レガシー要素を検証する必要がある場合、または何らかの理由で新しい機能を使用したくない場合は、厳密なHTML 4.01に進みます。
- テーブルに画像をスライスして修正したくない場合は、Transitional HTML 4.01:
- Quirksモードで意図的にページを書き込まないでください。常に
DOCTYPE。これは将来の開発時間を節約し、実際には利点がありません。 IE6は急速に人気を失っており、このブラウザー(本質的にはクォークモードで設計されているもの)を設計することによって、あなた自身、あなたのリーダー、そしてあなたのページを制限しています。 IE 6または7用に記述する必要がある場合は、現代のブラウザーを強制モードにするのではなく、条件付きコメントを使用してサポートします。
なぜ使うの? DOCTYPE
このタイプの DOCTYPE スイッチをオンにすると、ウェブページに直接影響する可能性があります。 DOCTYPE ブラウザがあなたのページから期待できるものを示します。また、一度使い始めると DOCTYPE有効に近いHTMLを記述します(まだ検証しておく必要があります)。また、有効なXHTMLを書くことによって、ブラウザメーカーは標準準拠のブラウザを構築するよう勧めます。
ブラウザのバージョンとQuirksモード
DOCTYPE | アンドロイドクロムFirefoxIE 8+iOSOpera 7.5+サファリ | IE 6IE 7オペラ7 | Netscape 6 |
|---|---|---|---|
| 無し | クォークスモード | クォークスモード | クォークスモード |
| HTML 3.2 | |||
| クォークスモード | クォークスモード | クォークスモード | |
| HTML 4.01 | |||
| 移行 | 標準モード* | 標準モード* | 標準モード |
| 移行 | クォークスモード | クォークスモード | クォークスモード |
| 厳格 | 標準モード | 標準モード* | 標準モード |
| 厳格 | 標準モード | 標準モード* | 標準モード |
| HTML5 | |||
| 標準モード | 標準モード* | クォークスモード | |
| *このDOCTYPEでは、ブラウザは標準に準拠していますが、いくつかの問題があります。必ずテストしてください。これは「ほぼ標準モード」とも呼ばれます。 |




