DOCTYPE 文書型宣言 (Web ページ愛好家必読)

DOCTYPE 宣言作成するすべてのページの先頭に、ドキュメント宣言が必要です。はい、そうでしょう。

ドキュメントタイプを指定しないと、HTML は有効な HTML ではなくなり、ほとんどのブラウザーはページを「Quirks モード」で処理します。つまり、ブラウザーは、ユーザーが何をすべきかわからないと想定し、独自の方法でコードを処理します。あなたが地球上で比類のない HTML マスターであったり、HTML に欠点がなく CSS が完璧であったりしても、ドキュメント宣言がなかったり、ドキュメント宣言が間違っていたりすると、あなたの Web ページは、近視で片目のテナガザルの赤ちゃんが大変な苦労をして作成したものと何ら変わりません。

XHTML 1.0 Strict ドキュメント宣言は次のようになります。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

以下は、XHTML 1.1 のドキュメント宣言です。XHTML の最新バージョンとして、より完璧に見えますが、まだいくつか問題があります。これについては後で説明します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

DOCTYPE タグは大文字で始まり、その前に感嘆符が付く必要があることに注意してください。これはルールに違反する唯一のタブなので、閉じる必要はありません。

言語宣言 HTTP ヘッダーまたは HTML 開始タグで xml:lang 属性を設定する場合でも、ドキュメントの主要言語を指定する必要があります。これは有効な XHTML ドキュメントを処理するために必須ではありませんが、使いやすさを考慮する必要があります。値は en (英語)、fr (フランス語)、de (ドイツ語) などの略語です。

主に英語のコンテンツを含むドキュメントを宣言します。例は次のとおりです。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

主要言語を宣言した後、他の言語を使用する必要がある場合は、xml:lang 属性をインラインで使用することもできます (例: <span xml:lang="de">HTML Hund</span>)。

コンテンツタイプ
HTML ドキュメントのメディアタイプとフォントセットを指定する必要がある場合があります。これは、HTTP ヘッダーを使用して行うことができます。例:
コンテンツタイプ: text/html; 文字セット=UTF-8

HTTP ヘッダーの最初の部分 (text/html など) はファイルの MIME タイプであり、これによりブラウザはファイルのメディアタイプを認識し、その処理方法を知ることができます。すべてのファイルには MIME タイプがあります。 JPEG 画像は image/jpeg、CSS ファイルは text/csss、HTML では一般的に text/html が使用されます。

HTTP ヘッダーの 2 番目の部分 (UTF-8 部分など) は文字セットです。

おそらく、HTTP ヘッダーを設定する最も簡単な方法は、次のように HTML で「HTTP と同等の」ヘッダータグを使用することです。
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8" />
以下はよく使用されるドキュメント宣言です。実際、Dreamweaver ではこの宣言がデフォルトで使用されます。

コードをコピー

コードは次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<ヘッド>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312" />
<title>無題のドキュメント</title>
</head>
<本文>
</本文>
</html>

以下は 123WORDPRESS.COM からの追加コンテンツです。
CSS を宣言するかしないかによって、ページコントロールが異なります。それは W3C 標準などに準拠しません。ですので、皆さんも追加してみることをお勧めします。これにより、Web サイトが複数のブラウザと互換性を持つようになります。
JavaScript の影響はさらに大きくなり、以前に記述した js コードが正常に実行されなくなります。特に連句広告のようなもの。実際、一般的には、次の問題に注意するだけで十分です。宣言しない場合は、一般的に document.body.scrollTop; を使用します。
ドキュメントタイプを宣言するときは、document.documentElement.scrollTop を使用します。
クロスブラウザ JavaScript コードの記述に関する参考資料をいくつか紹介します [js マルチブラウザ対応の記述]
IE の DOM メソッドスクリプトと互換性のある JavaScript Firefox には便利なものがたくさんあるので、さらに検索することができます。

<<: CSS3 でクールなスライス画像カルーセル効果を実現

>>: MySQL Undo ログと Redo ログの概要