通常のウェブサイトのソースコードを開くと、ソースコードは<!DOCTYPE htmlで始まる必要があり、中には<!DOCTYPE>の直後に>があるものもあれば、次のような非常に長いテキストがあるものもあることがわかります。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> もちろん、E-Dimensional Technology のソース コードなど、より主流の Web ページのソース コードはすべて HTML5 形式を使用し、<!DOCTYPE html> で直接始まります。 <!DOCTYPE html> は HTML タグではなく、ページを書き込むためにどのバージョンのマークアップを使用するかをブラウザに指示するだけのブラウザ指示なので、ペアで表示する必要はありません。 <!DOCTYPE html> はどのバージョンでも大文字と小文字は区別されませんが、「<!DOCTYPE html>」と記述するのが慣例です。もちろん、W3C 標準に準拠するために、「<!doctype html>」と記述することもできます。
DOCTYPE は英語で文書型を意味し、HTML のバージョン型宣言です。 HTML は当初は標準規格がなく、その後、より普及した HTML4 を経て、HTML5 の時代に入りました。各時代の標準規格は異なっていました。たとえば、以前のバージョンの HTML では、<br> 改行は実装できませんでした。これは、HTML タグはペアで出現する必要があるため、<br/> で表す必要があるためです。しかし、HTML4 の後期ではこの概念は非常に曖昧になり、"/" で終わっても終わっていなくても同じになりました。ただし、HTML 5 では「/」を使用する必要はなく、<br> のみを使用すればよいと規定されています。 このような紛らわしい解釈方法では、現在の Web ページの HTML エンコーディングで使用されるバージョン仕様をブラウザに伝える必要があります。 ブラウザがどのようなドキュメント タイプを期待するかを認識できるように、すべての HTML ドキュメントで DOCTYPE を指定することが非常に重要です。 HTML 4.01 は SGML に基づいているため、HTML 4.01 の DOCTYPE には DTD への参照が必要です。 HTML 5 は SGML に基づいていないため、DTD を参照する必要はありませんが、ブラウザーの動作を規制するために doctype が必要です (ブラウザーが適切に動作できるようにするため)。 HTML バージョンステートメントHTML 5 にはドキュメント タイプはありませんが、フレームの使用は避けるのが最善です。XHTML 1.0 では、Strict、Transitional、および Frameset の 3 つの XML ドキュメント タイプが指定されています。HTML 4.01 では、Strict、Transitional、および Frameset の 3 つのドキュメント タイプが指定されています。 HTML 5 仕様ステートメント表現は非常に簡潔で、属性は1つだけです。ルート要素はhtmlです。 <!DOCTYPE html> XHTML 1.0 厳密な DTDプレゼンテーション層の乱雑さを排除した、クリーンなマークアップが必要な場合は、このタイプを使用します。カスケードスタイルシート (CSS) と一緒に使用してください: <!DOCTYPE html パブリック "-//W3C//DTD XHTML 1.0 厳密//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 上記の宣言では、ドキュメントのルート要素は html であり、これはパブリック識別子が「-//W3C//DTD XHTML 1.0 Strict//EN」として定義されている DTD で定義されていると述べられています。ブラウザは、この公開識別子に一致する DTD を見つける方法を知っています。見つからない場合、ブラウザはパブリック識別子に続く URL を DTD を検索する場所として使用します。 XHTML 1.0 移行 DTD移行 DTD には、W3C がスタイルシートに移動されることを想定しているプレゼンテーション属性と要素を含めることができます。読者がカスケーディング スタイル シート (CSS) をサポートしていないブラウザーを使用しており、XHTML のレンダリング機能を使用する必要がある場合は、このスタイルを使用します。 <!DOCTYPE html パブリック "-//W3C//DTD XHTML 1.0 移行//EN" 「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」を参照してください。 XHTML 1.0 フレームセット DTD フレームセットフレームを使用する場合は、この DTD を使用してください。 <!DOCTYPE html パブリック "-//W3C//DTD XHTML 1.0 フレームセット//EN" 「http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd」 HTML4.1 移行 DTD移行 DTD には、W3C がスタイルシートに移動されることを想定しているプレゼンテーション属性と要素を含めることができます。読者がカスケーディング スタイル シート (CSS) をサポートしていないブラウザーを使用しており、HTML のレンダリング機能を使用する必要がある場合は、このタイプを使用します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> HTML4.1 厳密な DTDプレゼンテーション層の乱雑さを排除した、クリーンなマークアップが必要な場合は、このタイプを使用します。カスケードスタイルシート (CSS) と一緒に使用してください: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 フレームセット DTD フレームドキュメントフレームを含むドキュメントには、フレームセット DTD を使用する必要があります。 Frameset DTD は、frameset 要素が body 要素に置き換わる点を除いて、Transitional DTD と同じです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 フレームセット//EN" " http://www.w3.org/TR/html4/frameset.dtd"> |
<<: CentOS 7.9 の zabbix5.0.14 のインストールと設定プロセス
>>: MySQL における一般的な高度な SQL ステートメント
目的: 1. Alibaba Cloud Serverを介してサーバーの外部ネットワークをマッピング...
1. 上部と下部のリストタグ: <dl>..</dl>:上dt下層dd: カ...
この記事は主に、nginx 高可用性クラスタの実装プロセスを紹介します。この記事のサンプルコードは非...
HTML4 についてHTML (XHTML ではありません)、MIME タイプは text/html...
序文Docker はコンテナの環境変数を設定できます。設定方法は 2 つあります。イメージを作成する...
この記事では、Nodejs 開発プロセスで遭遇する配列の特性によって発生する問題と解決策、および配列...
目次1. アニメーション機能の原理2. アニメーション関数のシンプルなカプセル化3. アニメーション...
目次JavaScript 関数呼び出しの典型的な例JS関数の定義と呼び出し方法要約するJavaScr...
1. テーブルとパーティションを分割する必要があるのはなぜですか?日常の開発では、大きなテーブルに遭...
序文最近、C++ 動的ライブラリをテストするためにロボット フレームワークを使い始めました。ロボット...
親ディレクトリを指定する方法../ はソース ファイルの親ディレクトリを表し、../../ はソース...
MySQL データベースを使用する際、何らかの理由で長期間 MySQL にログインしていない場合、ま...
チュートリアルシリーズMySQL シリーズ: MySQL リレーショナル データベースの基本概念My...
wget や curl ツールを使用して、Linux サーバーで大規模なネットワーク ファイルを直接...