各ページの上部には、ドキュメントに関するステートメントが必要です。はい、そうです。
ファイルタイプを指定しない場合、あなたの HTML は正当な HTML ではなく、ほとんどのブラウザは「quirks モード」を使用してページを処理します。つまり、ブラウザはあなたが何をしているのかわからないと判断します。ブラウザ独自の方法でコードを処理します。あなたは世界中で無敵の HTML マスターになることも、HTML が完璧で CSS が完璧であることもできますが、ファイル宣言がなかったり、ファイル宣言が間違っていたりすると、Web ページは視野が狭く、単刀直入なものになってしまいます。テナガザルの赤ちゃんも同様に大変苦労して積み重なっています。
クロスブラウザー CSS を作成したい場合は、ブラウザーが CSS を解析する 2 つのモード、つまり strict モードと quirks モードについて知っておく必要があります。
いわゆる標準モードは、ブラウザが W3C 標準に従ってコードを解析して実行することを意味します。奇妙なモードは、ブラウザ独自の方法でコードを解析して実行することを意味します。これは、ブラウザによって解析方法や実行方法が異なるため、これを「奇妙なモード」と呼びます。モード。ブラウザーが解析時に標準モードを使用するか奇妙なモードを使用するかは、Web ページの DTD 宣言に直接関係しており、DTD 宣言は、ブラウザーが Web ページを読み込む原因となる標準ドキュメント (標準モード解析) のドキュメント タイプを定義します。対応する方法で表示すると、DTD 宣言が無視され、Web ページが quirks モードになります。
標準モードでは、IE6 は ! important ステートメントを認識しませんが、IE7、IE8、Firefox、Chrome などのブラウザは、奇妙なモードでは、! important ステートメントを認識しません。違いの種類は他にもたくさんあります。したがって、クロスブラウザー CSS を作成するには、標準モードを使用する必要があります。絶対的すぎる気がします（笑）。そうですね、クロスブラウザーの CSS を記述するには、標準モードを使用する方が良いでしょう。
<!DOCTYPE html>
この DTD には、すべての HTML 要素と属性が含まれていますが、プレゼンテーション要素や非推奨の要素 (フォントなど) は含まれていません。フレームセットは許可されません。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
この DTD には、プレゼンテーション要素や非推奨の要素 (フォントなど) を含む、すべての HTML 要素と属性が含まれています。フレームセットは許可されません。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
この DTD は HTML 4.01 Transitional と同等ですが、フレームセット コンテンツを許可します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
