HTMLバージョン宣言DOCTYPEタグ

HTMLバージョン宣言DOCTYPEタグ

通常のウェブサイトのソースコードを開くと、ソースコードは<!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>」と記述することもできます。



電子次元技術ホームページソースコードはHTML5宣言+ HTML4互換性を採用しています

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 ステートメント

推薦する

Linux で nohup ログ出力が大きすぎる問題の解決方法の詳細な説明

最近、hadoop テスト クラスターで spark ストリーミング プログラムを実行し、その後、n...

Mysqlはストアドプロシージャを通じて文字列を配列に分割します

文字列を配列に分割するには、次の 3 つの MySQL 関数を使用する必要があります。 REVERS...

MySQL の group by に関する簡単な説明

目次1. はじめに2. ユーザーテーブルを準備する2.1 グループ化ルール2.2 グループの使用2....

JavaScript 履歴オブジェクトの説明

目次1. ルートナビゲーション2. 履歴状態管理API （１）ハッシュチェンジイベント（２）ポップス...

HTML 選択ボックスのプレースホルダーの作成に関する問題

テキスト入力でプレースホルダーを使用していますが、問題なく動作します。しかし、選択ボックスにはプレー...

CSS スタイルを変更してグレーの Web ページ (色なし、明るい白黒のみ) を実現するいくつかの方法

通常、清明節、国哀悼日、大地震の日、影響力のある偉人の死去または命日には、ウェブマスターとして、故人...

CSS変数を使用してダークモードを実装するためのサンプルコード

最近、WeChatはAppleによってダークモードの開発を強制されました。ますます多くのウェブサイト...

Reactは二次的連鎖効果（階段効果）を実現する

この記事では、二次リンク効果を実現するためのReactの具体的なコードを参考までに共有します。具体的...

MySQL でのワイルドカードを使用したファジークエリの実装に関する簡単な説明

MySQL データベースでは、あいまいクエリが必要な場合にワイルドカードを使用します。まず、演算子と...

Vue ソースコード学習でレスポンシブ性を実装する方法

目次序文1. レスポンシブシステムの重要な要素1. データの変更を監視する方法2. 依存関係を収集す...

ウェブフォームデザインのための5つの実用的なヒント

1. フォームテキスト入力のモバイル選択: テキスト入力フィールドにプロンプ​​トが追加されている場...

Jenkins でユーザー ロールの権限を設定する方法

Jenkinsのユーザーロール権限の設定には、ロール戦略プラグインのインストールが必要です。 1.ロ...

HTML ウェブページ作成のための 8 つの強力なテクニック

<br />作業を簡単に完了できる Web ページ作成ツールは数多くありますが、HTML...

MySQLでBLOBデータを処理する方法

具体的なコードは次のとおりです。 パッケージ epoint.mppdb_01.h3c; java.i...

Sublime TextがUbuntuで中国語を入力できない問題の最も簡単な解決策

崇高なSublime Text はコード エディター (Sublime Text2 は有料ソフトウェ...