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

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

無効にしてHTMLフォーム入力を送信した後にフォーム値が取得されない問題を解決する方法

HTMLバージョン宣言DOCTYPEタグ

HTML バージョンステートメント

HTML 5 仕様ステートメント

XHTML 1.0 厳密な DTD

XHTML 1.0 移行 DTD

XHTML 1.0 フレームセット DTD フレームセット

HTML4.1 移行 DTD

HTML4.1 厳密な DTD

HTML 4.01 フレームセット DTD フレームドキュメント

無効にしてHTMLフォーム入力を送信した後にフォーム値が取得されない問題を解決する方法

Vue で rem 適応を使用する方法

Linux で nginx を起動および再起動する方法

DPlayer.js ビデオ再生プラグインの使い方

Explainキーワードに基づいてMySQLインデックス機能を最適化する方法

CentOS7.6 システムで yum を使用して lnmp 環境を構成する方法

Linuxで権限が拒否された場合の解決策の詳細な説明

HTML ハイパーリンクの詳細な説明

Vue+Router+Element でシンプルなナビゲーションバーを実装する

IIS7~IIS8.5 サーバープロトコルヘッダーの削除または変更

推薦する

MySQL 8.0.16 圧縮版のダウンロードと Win10 システムへのインストールチュートリアル

Vue.js ソースコード解析のカスタム手順の詳細な説明

Vue v-for ループを書く 7 つの方法

Docker-compose インストール db2 データベース操作

ハイパーコネクションの4つの状態の適用の詳細な説明

タブバーのいくつかの実装方法（推奨）

CSS3アニメーション: マウスが画像上にあると画像が徐々に大きくなり、マウスが画像から離れると徐々に小さくなります。

mysql 簡単な操作例を表示

Vueログイン機能の実装

MySQLとOracleのメタデータ抽出例分析

CSS Houdini でダイナミックな波効果を実現

MySQLサービスの自動停止の解決策

Alibaba CloudがCloud Shieldから無料のSSL証明書（https）を申請

Docker に fastdfs イメージをインストールする際の注意事項

CSS3 border-radius 丸角の実装方法と使い方の詳しい説明