Web 標準を使用して Web サイトを構築する 1 日目: どの DOCTYPE を選択するか?

初日

標準を満たすサイトを作り始めると、まず最初にニーズを満たすDOCTYPEを宣言します。

この Web サイトのホームページの元のコードを見ると、最初の行が次であることがわかります:

"http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

有名な Web デザイン ソフトウェア開発者である Macromedia やデザイン マスターの個人 Web サイトなど、いくつかの基準を満たすサイトを開く場合ゼルドマン、同じコードが見つかります。他の標準準拠サイト (k10k.net など) のコードは次のとおりです:

では、これらのコードは何を意味するのでしょうか？置く必要があるのでしょうか？

DOCTYPEとは

上記のコードをDOCTYPE宣言と呼びます。 DOCTYPE はドキュメント タイプの略語で、使用している XHTML または HTML のバージョンを示すために使用されます。

DTD (上の例の xhtml1-transitional.dtd など) はドキュメント タイプ定義と呼ばれ、ドキュメントのルールが含まれています。ブラウザは、定義した DTD に基づいてページの ID を解釈し、表示します。 。

標準に準拠した Web ページを構築するには、DOCTYPE 宣言が不可欠かつ重要なコンポーネントです。XHTML が正しい DOCTYPE を決定しない限り、ロゴも CSS も有効になりません。

XHTML 1.0 では、次の 3 つの DTD 宣言から選択できます:

移行版: 要件が非常に緩い DTD で、HTML4.01 ロゴを引き続き使用できます (ただし、xhtml の記述方法に準拠する必要があります)。完全なコードは次のとおりです。

"http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd ">

厳密: 厳密な DTD の場合、
などのプレゼンテーション層の識別子と属性は使用できません。完全なコードは次のとおりです:

フレームセット: フレーム ページ用に特別に設計された DTD。ページにフレームが含まれている場合は、この DTD を使用する必要があります。完全なコードは次のとおりです:

どのような種類の DOCTYPE を選択しますか? 理想的な状況はもちろん厳密な DTD ですが、Web 標準に慣れていないほとんどのデザイナーにとって、現時点では移行期の DTD (XHTML 1.0 Transitional) が理想的です。 (このサイトを含め、移行 DTD も使用します)。この DTD ではプレゼンテーション層の識別子、要素、属性も使用できるため、W3C コード検証に合格することも容易になります。

注: 上記の「プレゼンテーション層の識別と属性」は、タイプセット用のテーブル、背景色の識別など、純粋にパフォーマンスを制御するために使用されるタグを指します。 XHTML では、タグはプレゼンテーションを実現するためではなく、構造を表すために使用されます。私たちの移行の目的は、最終的にデータとプレゼンテーションを分離することです。

例：マネキンが着替える。モデルはデータ、服は表現です。モデルと服は分離されており、自由に着せ替えることができます。オリジナルの HTML4 ではデ​​ータとプレゼンテーションが混在しており、プレゼンテーション形式を一度に変更するのは非常に困難でした。あはは、この概念は少し抽象的ですが、アプリケーションのプロセス中に徐々に理解する必要があります。

補足

DOCTYPE宣言は、すべてのXHTMLドキュメントの先頭、すべてのコードとマークアップの上に配置する必要があります。

詳細については、W3C Web サイトを参照してください。

上記は、Web 標準を使用して Web サイトを構築する初日です。どのような種類の DOCTYPE コンテンツを選択するかについては、PHP 中国語 Web サイト (www) を参照してください。 .php.cn）！