ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML チュートリアル: スクラッチからの WEB 標準_DOCTYPE ステートメント

HTML チュートリアル: スクラッチからの WEB 標準_DOCTYPE ステートメント

黄舟
リリース: 2016-12-20 14:27:39
オリジナル
1150 人が閲覧しました

以前の Web ページでは、次の Web ページ構造コードがよく見られます:



これは Web ページです

< ;meta name= ”…” content=”…” />

明らかに、この構造のページ コードは Web 標準に準拠していませんが、コードにエラーがない限り、ブラウザはこの Web ページを適切に表示できます。実際、これは、Table レイアウトのページと Div 構造のページに似ています。重要なのは、どちらのページがより高品質でレンダリングされるかです。

ページを作るまでには長い距離があります。

ブラウザの開発プロセスにおいて、Microsoft は Windows オペレーティング システムに Internet Explorer をバンドルすることで常にブラウザ市場で支配的なプレーヤーになってきました。その結果、W3C 組織によって設定された Web 標準を無視する一連の IE も生まれました。物事に関して言えば、Microsoft の IE は常に独自の Web 標準に従っているだけです。幸いなことに、この件はまだ最終決定されていませんが、Microsoft は IE8 で Web 標準をサポートすることを決定しました。 Microsoft の IE に加えて、Mozilla Firefox、Apple Safari、Opera、Chrome などのブラウザは、Web 標準をサポートするという名目で、長い間 IE と戦ってきました。

ブラウザの違いにより、HTML コードのデフォルトの解析が異なるため、同じコードであっても、異なるブラウザでは異なるスタイルで表示される可能性があるため、これには、ブラウザ間の違いを調整するためにすべてのブラウザがルールに従うというコピーが必要です。このルールには、次の宣言が必要です。それを参照すると、この宣言は DOCTYPE - 文書タイプ (文書タイプ) です。

DOCTYPE 宣言は標準 Web ページの重要な部分であるため、W3C 標準に準拠した Web ページを作成したい場合は、まずこのページのドキュメント タイプを宣言する必要があります。 DOCTYPE によって宣言される DTD (文書型定義) には 3 つのタイプがあります。つまり、

Transitional (移行): 要件がそれほど厳しくない DTD で、ページ内で HTML4.01 タグを引き続き使用できます。 ): これはページを作成する場合に理想的な DTD 方法ですが、このドキュメント タイプ定義ではプレゼンテーション レイヤーでのタグと属性の使用が許可されません。 。

フレーム タイプのデザインが検索エンジンに Web ページを含めることに影響を与える可能性があるため、多くの Web ページではフレーム デザインが使用されておらず、厳密な DTD はほとんどの人にとって理想的な方法にすぎません。最も適切で広く使用されているドキュメント タイプの定義。 Web 標準に準拠した Web ページを開くと、ページの先頭に次のステートメントが表示されます:

これは、XHTML Web ドキュメントに関する DOCTYPE ステートメントです。もちろん、これは DOCTYPE ステートメントが XHTML Web ドキュメントにのみ使用できるという意味ではありません。HTML4.01 を使用する Web ドキュメントの場合、DOCTYPE ステートメントも使用できます:

Transitional DTD:

厳密な DTD:


唯一注意すべき点は、DOCTYPE 宣言の位置が次の場所にある必要があるということです。ページの先頭の DOCTYPE 宣言コードの前にコードやタグを含めることはできません。そうしないと、ページ上のタグや CSS スタイルが無効になる可能性があります。


上記は HTML チュートリアルの内容です:Scratch_DOCTYPE ステートメントからの WEB 標準 詳細については、PHP 中国語 Web サイト (www.php.cn) に注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート