XHTML 入門チュートリアル: Web ページのヘッダーと DTD

ヘッドと DTD はページには表示されませんが、Web ページの重要な要素です。なぜ失敗したのでしょうか?
前のセクションでは、Web ページをチェックしたときにエラーメッセージが表示されましたが、Web ページの作成プロセス全体を通じて XHTML 標準に従って記述しました。実は、問題はウェブページの「ヘッド」にあります。以下でこの問題を解決してみましょう。前回のチュートリアルでは、<title> タグを除いて、<body> 間のコンテンツ、つまりページに表示されるコンテンツを変更しました。では、XHTML の <head> セクションは何をするのでしょうか?実際、ブラウザが「見る」ことができる多くの情報を <head> 部分に追加できます。以下では、ヘッド部分でよく使われるタグをいくつか紹介します。
注: このセクションのタグと属性のほとんどは覚えにくいものです。実際、これらは Web ページ作成ソフトウェアを使用して Web ページを作成するときに自動的に生成されます。このセクションの目的は、これらのタグの意味を理解し、必要に応じて手動で変更できるようにすることです。次に、「index.html」を開き、<head></head> の間に次のコードを挿入します。
1. <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
このコードは、Web ページが gb2312 中国語文字エンコードを使用していることをブラウザに伝えます。この <meta> 情報が存在しないことが、前回のチェックで問題が発生した理由の 1 つです。
2. <meta name="keywords" content="小学生、いじめる同級生、冬休みと夏休みの宿題、保護者" />
このコードは検索エンジン向けに書かれており、内容はindex.htmlのキーワードです。
<meta> タグも空のタグなので、/ を追加することを忘れないでください。 <meta> タグにはこれ以外にも多くの機能がありますが、実際に使用してみなければ、<meta> タグの実際の有用性を理解することは困難です。 <meta> タグについて詳しく知りたい場合は、Baidu で関連する知識を検索できます。 <head> タグの解説前述したように、<head> 部分の内容は閲覧者向けではなく、ブラウザや検索エンジン向けに書かれています。したがって、<head> セクションには、ページに表示されるコンテンツを含めないでください。 DTD
今、Web ページを再度確認すると、DTD ファイルが見つからないというエラーメッセージが表示されます。では、DTD ファイルとは何でしょうか?簡単に言えば、ファイルを読み取る前に、そのファイルがどのようなルールセットに従って記述されているかを誰にでも（主にブラウザのようなソフトウェアに）伝えます。検証プロセスを例にとると、HTML4.01 の DTD を使用すると、検証ツールは HTML4.01 のルールを使用して Web ページを記述していると認識し、対応するルールに従ってコードを行ごとに検証し、最後に検証結果を返します。
私たちが作成する Web ページでは、XHTML のルールが使用され、もちろん XHTML DTD も使用されます。ただし、前述したように、XHTML の DTD も、比較的緩やかな移行 DTD と、非常に厳格な要件を持つ厳密な DTD に分かれています。このチュートリアルでは、Web ページで厳密な DTD を宣言します。DTD について詳しく知りたい場合は、XML を学習する必要があります。このチュートリアルでは詳細には説明しません。
次に、Web ページの DTD を宣言します。以前に保存した「index.html」を開き、最初の行（<html> タグの前）に次のコードを入力します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> タグに次の属性を追加します: xmlns="http://www.w3.org/1999/xhtml"。これは名前空間属性と呼ばれ、XML カテゴリに属します。ここでは詳細には説明しません。
このコードの目的は、Web ページが xhtml1-strict.dtd を使用していることを宣言することです。ここで、このページを W3 バリデーターに送信すると、今度は「このページは XHTML1.0 Strict に準拠しています!」というメッセージが返されます。これは、コードにエラーがなく、XHTML1 の厳格な標準に完全に準拠していることを意味します。もちろん、実際の作業では必ずしもそうとは限りません。実際の Web デザインのプロセスでは、さまざまな理由から非標準のコードを記述することになります。このとき、バリデーターはエラーレポートを発行するので、プロンプトに従ってコードを変更するだけです。

<<: MySQL データベースは XA 仕様をどのように実装しますか?

>>: jQuery はシャッター効果を実現します (li 配置を使用)