HTMLモードと「奇抜」モードと「標準準拠」モード:説明し、気にする必要がある理由を教えてください。


16

HTML Webページを構築するときの「互換」モードと「標準準拠」モードの違いは何ですか?

あるモードと他のモードで動作していることを知る方法は?なぜ人々(つまり、ウェブマスター、ウェブデザイナー、開発者)は、奇抜モードよりも標準準拠モードを選択することに注意する必要があるのでしょうか。

新しいコンテンツを開発する際にQuirksモードは正当化されますか?

回答:


11

ここでは、おそらく私が発見したことの癖モードについての最もよい記事です。私は個人的に、可能な場合は常に標準モードを使用するようにしています。なぜなら、ほとんどのブラウザで動作する可能性が最も高いからです。


5

quirksモードで開発する場合、IE6以前のバグをエミュレートするようにブラウザーに効果的に依頼しています。それは本当にやりたいことですか?

ウィキペディアでは、奇癖モードのトリガーの基本について説明していますが、カバーしていない特殊なケースがいくつかあります。txwikingerによって提供されたリンクは、歴史との主な違いの良い説明を与えます。

Jukka Korpelaが、違いについてさらに詳しく説明し、互換モードを確認する方法も説明します。

モードの確認ブラウザがどのモード(QuirksとStandards)にあるかを確認するには、

Firefoxでは、[表示/ページ情報]コマンドを使用します(および[全般]ペインを参照してください)。または、Web Developer Extensionがある場合は、ツールバーのアイコン(右から3番目のアイコン)をチェックするだけです。

IEの場合、アドレスバーにjavascript:alert(document.compatMode)と入力し、ポップアップウィンドウにCSS1Compat(標準モードを示す)またはBackCompat(互換モードを示す)と表示されているかどうかを確認します。または、単純なQuirksまたはStandardsモードブックマークレットをダウンロードしてインストールします。

多くのブラウザには、quirksモード以外の2つのモード(ほぼ標準モードと標準モード)があることに注意してください。残念ながら、IE6とIE7はほぼ標準モードでのみ動作するため、これらのブラウザーをサポートする必要がある場合、すべてのブラウザーでほぼ標準モード使用しようとするのは魅力的です。ただし、標準に準拠して開発し、ブラウザの癖を修正することをお勧めします。HTML5はストリクトモードのみを提供するため、将来の互換性のために、これに対して開発を試みる必要があります。



2

CSSリセットまたはフレームワークを使用している場合、影響を受けるブラウザ(通常はIE7およびIE8)を標準モードに切り替えるためにdoctypeを含めないと、多くの位置情報が間違って開始されることがわかりました。ほとんどの場合、Doctype宣言を設定し、標準モードを使用することをお勧めします。


1

Quirksモードは、ブラウザがHTML仕様に従って期待どおりにページをレンダリングしない場所です。ある時点で、ウェブブラウザは本質的にスイッチであるものを得ました- ページの上部にDoctypeを含めること。そのdoctypeがないと、ブラウザは奇抜モードになります。有効なdoctypeが存在すると、ブラウザーは強制的に標準モード(「正しい」モード)になります。

標準モードを使用することをお勧めします-そのため、Doctypeを使用してください!-これにより、できるだけ多くのブラウザでページが正しく一貫して動作するようになります。


1

Quirks Modeを使用すると、IE 6と7はCSSのレンダリング方法を標準とは異なるものにします。

標準モードでは、IE 6および7がCSSをQuirksモードよりも標準に近づけるため、Firefox、Safari、Chrome、Opera、およびIE 8/9のレンダリング方法に近くなります。

標準モードを使用すると、おかしなページを機能させようとするときに、頭に抱える奇妙な古いIEの問題が少なくなります。エリック・メイヤーによってDefinitive Guideのをあなたのページにはどのようなルックアップするために:それはあなたがCSSのような本を使用できることを意味する必要がありやっています。IEのQuirksモードには、同じ種類の包括的なドキュメントはありません。


1

次から選択できます。

  • IE5エンジン(またはそのバグごとのエミュレーション)
  • より現代的なもの(非IEでのベストエフォート、IE8での長い話...)

センタリングが適切に機能せずに、1999年のようなCSSを作成したい場合は、癖を使用します。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.