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

Node.js の fs モジュールと Path モジュールのメソッドの詳細な説明

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 フレームドキュメント

Node.js の fs モジュールと Path モジュールのメソッドの詳細な説明

MySQLリモートアクセスの設定方法をステップバイステップで説明します

MYSQLでプロシージャの名前を変更する方法の詳細な説明

dl、dt、dd はいつ使用するのが適切ですか?

Mysql 5.7.19 無料インストールバージョンで遭遇した落とし穴 (コレクション)

MySQL 5.7.30 のインストールとアップグレードの問題に関する詳細なチュートリアル

CentOS システムでの JDK のインストールと設定の概要

CentOS 7.6 Telnetサービス構築プロセス（Opensshアップグレードバトル第一弾のバックアップトランスポートライン構築）

大規模なMySQLデータベース用のマスタースレーブシステムを構築するアイデアを共有する

優れたユーザーエクスペリエンスデザイナーが行うべき 5 つのこと (画像とテキスト)

推薦する

XHTMLタグは適切に使用する必要があります

Node.js でのブレークポイント再開の実装

デザイン: 意志の強いデザイナー

HTML メタの使用例

cocoscreatorプレハブの詳しい説明

MySQL ユーザー権限管理の実装

ウェブページ作成時のHTMLタグの使用に注意してください

MySQL で戻り値ありと戻り値なしのストアドプロシージャを書く 2 つの方法

mysql はインデックスを無効にしますか?

Tudou.com フロントエンドの概要

WeChat アプレットの日付と時刻のコンポーネント (年、月、日、時間、分)

Linux で MySQL データベースのインポートおよびエクスポートコマンドを実装する方法

HTML フォームコントロールの無効な属性の読み取り専用と無効の概要

CSS3 のフレックスレイアウト幅の無効性の解決策

dockerネットワーク双方向接続の詳細な説明