<!DOCTYPE>タグの詳細-htmlチュートリアル-php.cn

タグの詳細

伊谢尔伦

リリース： 2016-11-22 11:42:16

オリジナル

1052 人が閲覧しました

タグは非常にシンプルなので、気にしないかもしれません。しかし、タグをよく理解したことがありますか? W3cschool は XHTML Transitional DTD の使用を推奨しており、多くの人は素直に Dreamweaver の HTML ドキュメントタイプをデフォルトで XHTML 1.0 Transitional に設定しています。それ以来、当たり前のように使われ続けています。確かに人は歳を重ねるごとに怠け者になり、多くのことが無意識のうちに当たり前のことと思われてしまいます。

宣言は、ドキュメントの最前面、タグの前に配置されます。このタグは、ドキュメントが使用する HTML 仕様または XHTML 仕様をブラウザに伝えます。このタグは、厳密なバージョン、移行バージョン、およびフレームワークベースの HTML バージョンを表す 3 つの DTD タイプを宣言できます。 (文書内のマークアップが doctype 宣言で指定された DTD に従っていない場合、文書はコード検証に合格せず、ブラウザーに正しく表示されない可能性があります。)

使用法

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

ログイン後にコピー

解析:上記の宣言では、文書のルート要素が html であることが宣言されており、公開識別子が「-//W3C//DTD XHTML 1.0 Strict//EN」として定義されている DTD で定義されています。ブラウザは、この公開識別子に一致する DTD を見つける方法を認識します。見つからない場合、ブラウザは公開識別子の後の URL を DTD を探す場所として使用します。

- : 組織名が登録されていないことを示します。 Internet Engineering Task Force (IETF) および World Wide Web Consortium (W3C) は、ISO に登録された組織ではありません。

+: デフォルトで、組織名が登録されていることを示します。

DTD: パブリックテキストクラス、つまり参照されるオブジェクトのタイプを指定します。デフォルトはDTDです。

HTML: パブリックテキストの説明、参照されるパブリックテキストの一意の説明的な名前を指定します。背面にバージョン番号を付けることができます。デフォルトはHTMLです。

URL: 参照されるオブジェクトの場所を指定します。

厳密: W3C 専門家が段階的に廃止を希望するすべての代表的な属性と要素を除外します。

3 つの HTML ドキュメントタイプ

HTML 4.01 では、Strict、Transitional、Frameset の 3 つのドキュメントタイプが指定されています。

クリーンなマークアップが必要で、プレゼンテーション層が乱雑にならないようにする場合は、HTML 厳密 DTD タイプを使用します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">

ログイン後にコピー

トランジショナル DTD には、W3C がスタイルシートに移動することを想定しているレンダリング属性と要素を含めることができます。カスケードスタイルシート (CSS) ブラウザーはサポートされていないため、HTML のレンダリング機能を使用する必要があります。Transitional DTD タイプを使用する必要があります:

Frameset DTD は、フレームのあるドキュメントに使用されます。 Frameset DTD は、frameset 要素が body 要素を置き換えることを除いて、Transitional DTD と同等です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd">

ログイン後にコピー

3 つの XML ドキュメントタイプ

XHTML 1.0 では、Strict、Transitional、および Frameset の 3 つの XML ドキュメントタイプを指定しています。

クリーンなマークアップが必要で、プレゼンテーション層の乱雑さを避ける場合は、XHTML Strict DTD タイプを使用します。

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

ログイン後にコピー

Transitional DTD には、W3C がスタイルシートに移動することを想定しているレンダリング属性と要素を含めることができます。ブラウザはカスケードスタイルシート (CSS) をサポートしていないため、HTML のレンダリング機能を使用する必要があります。Transitional DTD タイプを使用してください:

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

ログイン後にコピー

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

ログイン後にコピー

正しい doctype を選択してください

正しい doctype 宣言を取得するには、DTD を標準に対応させることが重要です。文書が続きます。たとえば、ドキュメントが xhtml 1.0 の厳密な標準に従っていると仮定すると、ドキュメントの doctype 宣言は対応する dtd を参照する必要があります。

一方、doctype 宣言で xhtml dtd が指定されているが、ドキュメントに古いスタイルの html マークアップが含まれている場合は、同様に、doctype 宣言で html dtd が指定されているが、ドキュメントに xhtml 1.0 の strict タグが含まれている場合は不適切です。も不適切です。

有効な doctype 宣言が指定されていない場合、ほとんどのブラウザは組み込みのデフォルト dtd を使用します。この場合、ブラウザは組み込みの dtd を使用して、指定したタグを表示しようとします (ただし、これはページの記述が不十分な場合に起こります)。

JD.com、Taobao、Blog Park を調べましたが、どれもこれを使用しています (私はいつもこれを使用しています):

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

ログイン後にコピー

しかし、Baidu と Google は「」を使用していることがわかりました。情報を注意深く確認したところ、HTML5 もこれを直接使用していることがわかりました。ただし、HTML 5 は SGML に基づいていないため、DTD を参照する必要はありませんが、ブラウザの動作を制御するために doctype が必要です (ブラウザを従わせる)どのように運用すべきか）。

今後は「」を直接使用することをお勧めします。を使用すると、ブラウザの標準互換モードが有効になります。他のバージョン (IE6 より前、無視してください) との互換性はありますが、Internet Explorer には互換性があり、ドキュメントのレンダリング動作は将来の Internet Explorer とは異なる可能性がありますが、安心して使用してください~~

PS: XHTML 1 はHTML 4.01 の XML 化。これは、別の前方互換形式です。 HTML 4.01 は SGML に基づいているため、HTML 4.01 の doctype には DTD への参照が必要です。 SGML は、ドキュメントに説明タグを埋め込むための標準形式を指定し、ドキュメントの構造を記述するための標準方法を指定します。現在 WEB で使用されている HTML 形式は、固定されたタグのセットを使用する形式です。