DTD と pattern_html/css_WEB-ITnose-htmlチュートリアル-php.cn

DTD と pattern_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:54:12

オリジナル

1210 人が閲覧しました

まとめ

ページを作成するときにテストしなければならないのは、結局のところ、IE ブラウザは依然として高いシェアを持っています。 HTML5 の普及により、プロジェクトでは IE と互換性のある最小バージョンが IE8 以降であることが必要になる場合がありますが、IE の以前のバージョンと互換性のあるプロジェクトはまだ多くあります。したがって、IE ブラウザの低いバージョンでは、ページレイアウトの乱れの問題がよく発生します。これは、IE ブラウザにはページに影響を与える 2 つのモードがあるためです。

ドキュメント検証メカニズム (DTD)

DTD は HTML ファイルです。メカニズムは HTML ファイルの一部です。 3 つのドキュメントタイプ: S (厳密)、T (移行)、F (フレームセット)。

厳密
プレゼンテーション層の乱雑さを排除したクリーンなマークアップ。

Transitional
DTD には、W3C がスタイルシートに移動することを想定しているレンダリング属性と要素を含めることができます。

Frameset
を使用する読者がカスケードスタイルシート (CSS) をサポートしていないブラウザを使用していて、HTML のレンダリング機能を使用する必要がある場合は、フレームを含むドキュメントに DTD を使用する必要があります。 Frameset 要素が body 要素を置き換えることを除けば、Frameset DTD は Transitional DTD と同等です

HTML5 は DTD を簡素化し、直接として使用できます。

モード

このモードは主に IE ブラウザ用です。IE 7 以降では、Microsoft のコーディング仕様は W3C によって定められた標準とは異なります。ただし、IE は非常に大きな市場シェアを持っているため、開発者は Microsoft の仕様に従ってコードを記述します。主要なブラウザメーカーと W3C 組織の取り組みにより、ブラウザの標準化がますます明らかになってきています。 IE6/7と互換性を持たせるために、MicrosoftはIE8ブラウザにモード機能を追加しました。これにより、コード標準の不一致によって引き起こされる問題を解決できます。

ブラウザモードとドキュメントモードの 2 つのモードがあります。これら 2 つのモードの違いは何ですか?

ブラウザモード
は、この Web ページの IE のデフォルトのドキュメントモードを切り替え、ブラウザのさまざまなバージョンの条件付きコメントを解析し、ユーザーエージェント (User-Agent) 文字列の値を Web サイトサーバーに送信するために使用されます。 Web サイトは、ブラウザーから返されたさまざまなユーザーエージェント文字列に基づいてブラウザーのバージョンとインストールされている機能を判断できるため、さまざまなページコンテンツをさまざまなブラウザーに返すことができます。デフォルトでは、IE8 のブラウザモードは IE8 です。ユーザーは、別のブラウザモードに手動で切り替えることができます。

ドキュメントモード
は、IE のページレイアウトエンジン (Trident) が Web ページコードの解析とレンダリングに使用するバージョンを指定するために使用されます。ドキュメントモードを切り替えると Web ページが更新されますが、ユーザーエージェント文字列のバージョン番号は変更されず、サーバーから Web ページが再ダウンロードされることもありません。ブラウザモードを切り替えると、ブラウザは対応するドキュメントモードに自動的に切り替わります。

ドキュメントモードの場合、各ブラウザには異なる動作モードがあります

はい標準モード(標準モード)はいはいはいはい

ブラウザがページを表示するドキュメントモードを制御するにはどうすればよいですか?

上記のコードは、IE ブラウザが標準ドキュメントモードでページをレンダリングすることを指定するために使用されます。特定のバージョンを指定します。例: IE=8

これを制御する必要があるのはなぜですか?明らかに、この要素を追加すると、ブラウザーにページのレンダリングに使用するモードを伝えることができます。IE ブラウザーの上位バージョンでは通常どおり表示されますが、下位バージョンになるとレイアウトがおかしくなります。正しい DTD ステートメントです。

現在のページのドキュメントモードを決定します

 1 <!DOCTYPE html> 2 <html> 3 <head> 4     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 5     <meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1"> 6 </head> 7 <body> 8     <script> 9         function detect() {10             var mode = document.documentMode;11             switch (mode) {12                 case  5:13                     alert('Internet Explorer 5 quirks mode');14                     break;15                 case  7:16                     alert('Internet Explorer 7 Standards mode');17                     break;18                 case 8:19                     alert('Internet Explorer 8 Standards mode');20                     break;21                 case 9:22                     alert('Internet Explorer 9 Standards mode');23                     break;24                 case 10:25                     alert('Internet Explorer 10 Standards mode');26                     break;27             }28 29         }30         detect();31     </script>32 </body>33 </html>

ログイン後にコピー

S (標準モード)、A (標準モードに近い)、Q (混合モード)

	IE6	IE7	?IE8	?IE9	IE10	Chrome	Firef	サファリ	オペラ
Quriksモード	はい	はい	はい	はい	はい	はい	はい	はい	はい
ほぼ標準モード	なし	なし	はい	はい	はい	はい	はい	はい	はい
				はい	はい	はい	はい	はい

Doctype NS6 Old Moz Moz & Safari & Opera 10 & IE10 & HTML5 Opera 9.0 IE 8、IE 9 & Opera 9.5 IE 7 & Opera 7.10 IE 6 & Opera 7.0 Mac IE 5 Konq 3.2 SSSSS AAAAQQ Q QQQQQQQ QQQQQQQQSSAAAAAAQQ SAAAAAQQQQQAAAAQ< ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">SS SSSAAAASSSSSAAASS Q

なし