DOCTYPEの使い方と説明について-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

DOCTYPEの使い方と説明について

Apr 05, 2017 am 10:19 AM

doctype 使用について説明する

DOCTYPE は怖くありませんが、それを奪うと何度も怖くなります。

多くの友人が p+CSS 組版と IE と FF 間の互換性の問題について質問をしていることがわかりました。すべての質問をしましたが、結果は同じでした。表示がおかしく、調整するのが困難でした。私たちが閲覧するほとんどの Web サイト、または Dreamweaver を使用して新しい Web ドキュメントを作成する場合、ソースコードの先頭に DocType 宣言がありますが、多くの人はこれに注意を払わず、作成中に直接削除することさえあります。実際、これが悪夢の始まりであることがよくあります。 DOCTYPE は、標準に準拠する Web ドキュメントでは必須の要素です。これはコード検証に影響し、ブラウザーが Web ドキュメントを最終的にどのように表示するかを決定します。 DOCTYPE の問題の再発を避けるために、私自身と興味のある友人が参照できるように、手元にある情報に基づいてこの文書を編集しました。

デフォルトでは、FF と IE の解釈基準は異なります。つまり、Web ページで DOCTYPE が宣言されていない場合、次の HTML はデフォルトの DOCTYPE で解釈されます。同じ基準でも、ブラウザごとに解釈モデルが異なります。宣言基準が異なる場合は、私が言う必要はありません。自分で考えてください。 Web 標準、ブラウザの互換性について学び、どこから始めるかはあなたが決めますが、DOCTYPE については知っておいてください:

1. DOCTYPEとは

DOCTYPE は Document Type の略で、ページ内でそのページで使用される XHTML (または HTML) のバージョンを指定するために使用されます。標準に準拠したページを作成するには、DOCTYPE 宣言が不可欠かつ重要なコンポーネントです。正しい DOCTYPE を決定することによってのみ、XHTML 内のロゴと CSS を正常に有効にすることができます。

2. DOCTYPEのルール

DOCTYPE 宣言は特定の規則に従い、読み取りプログラムが文書内のマークアップを解釈するためにどのような一連の規則を使用する必要があるかを示します。 Web ドキュメントの場合、「リーダー」は通常ブラウザやバリデータなどのプログラムであり、「ルール」は W3C によって公開されている文書型定義 (dtd) に含まれるルールです。
各 DTD には、Web ドキュメントのコンテンツをマークするために使用されるタグ、属性、プロパティなどが含まれています。また、どのタグを他のどのタグに含めることができるかを指定するいくつかのルールも含まれています。各 Web レコメンデーション標準 (HTML 4 Frameset や XHTML 1.0 Transitional など) には独自の DTD があります。

以下はマニュアルからのルールの抜粋です:

文法:

HTML のトップ要素の可用性 "登録//組織//タイプタグ//定義言語" "URL"

可能な値:

- 最上位要素: DTD で宣言された最上位要素のタイプを指定します。これは、宣言された SGML 文書タイプに対応します。 HTMLのデフォルト。 HTML。
- 可用性: 正式公開識別子 (FPI) が公的にアクセス可能なオブジェクトであるか、システムリソースであるかを指定します。パブリックのデフォルト。パブリックにアクセス可能なオブジェクト。 SYSTEM ローカルファイルや URL などのシステムリソース。
- 登録: 組織が国際標準化機構 (ISO) に登録されているかどうかを指定します。 + デフォルト。組織名が登録されました。
・組織名が登録されていません。 Internet Engineering Task Force (IETF) および World Wide Web Consortium (W3C) は、ISO に登録された組織ではありません。
組織: !DOCTYPE 宣言によって参照される DTD の作成と保守を担当するグループまたは組織の名前または OwnerID を指定します。 IETF IETF。 W3C W3C。
- タイプ: パブリックテキストクラス、つまり参照されるオブジェクトのタイプを指定します。 DTD のデフォルト。 DTD。
- タグ: パブリックテキストの説明、参照されるパブリックテキストの一意の説明的な名前を指定します。背面にバージョン番号を付けることができます。 HTMLのデフォルト。 HTML。
- 定義: 文書タイプの定義を指定します。
フレームセットフレームセットドキュメント。
Strict では、スタイルシートがすでに十分に確立されているため、W3C 専門家が段階的に廃止したいと考えているすべての代表的な属性と要素が除外されます。
Transitional には、frameSet 要素を除くすべてのコンテンツが含まれます。
- 言語: パブリックテキスト言語、つまり参照オブジェクトの作成に使用される自然言語エンコードシステムを指定します。言語定義は ISO 639 言語コード (大文字 2 文字) として記述されています。 JP のデフォルト。英語。
- URL: 参照されるオブジェクトの場所を指定します

正しい DOCTYPE 宣言を取得するには、ドキュメントが従う標準に dtd を対応させることが重要です。たとえば、ドキュメントが xhtml 1.0 の厳密な標準に従っていると仮定すると、ドキュメントの doctype 宣言は対応する dtd を参照する必要があります。一方、doctype 宣言で xhtml dtd が指定されているが、ドキュメントに古いスタイルの html マークアップが含まれている場合は、不適切です。同様に、doctype 宣言で html dtd が指定されているが、ドキュメントに xhtml 1.0 strict マークアップが含まれている場合も同様です。不適切。

3. どのような DOCTYPE を選択するか

上の例に示すように、XHTML 1.0 では、Transitional、Strict、および Frameset の 3 種類の DTD (Document Type Definition) 宣言から選択できます。ここでは以下のように紹介します。

1.過渡期

ページ内での HTML4.01 ロゴの使用を許可する、要件がそれほど厳しくない DTD (xhtml 構文標準に準拠)。移行 DTD は次のように記述されます:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」>

2.厳しい

<br/> などのプレゼンテーション層の識別子と属性の使用を許可しない厳密な DTD。厳密な DTD は次のように記述されます:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」>

3．フレームの

フレームページに特に使用される DTD。この DTD は、ページにフレーム要素が含まれる場合に使用されます。フレームワークのDTDは次のように記述されます:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd」>

もちろん、厳密な DTD を使用してページを作成するのが最も理想的な方法です。ただし、Web 標準を深く理解していない Web デザイナーの場合は、暫定的な DTD を使用する方が適切です。この DTD ではプレゼンテーション層の識別子、要素、属性の使用も許可されているため、ほとんどの Web ページ開発者にとってより適しています。

4. 注意が必要な問題

DOCTYPE 宣言を XHTML ドキュメントの先頭に配置する必要があることを除けば、特別なことは何もありません。その上に複数の HTML コメントタグがあっても機能しません。

サンプルコードに DOCTYPE を追加するのが最善です。追加しないと効果が異なります。

5. さまざまなDOCTYPE

HTML 厳密	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 移行	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML フレームセット	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 厳密	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 移行版	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 フレームセット	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
XHTML 2.0	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml2.dtd">