HTML における DTD の使用法の概要

HTML における DTD の使用法の概要
DTD はマークアップの文法規則のセットです。これは XML 1.0 仕様の一部であり、HTML ファイルの検証メカニズムであり、HTML ファイルの構成の一部です。

DTD: 3 つのドキュメント タイプ: S (Strict)、T (Transitional)、および F (Frameset)。
厳密: プレゼンテーション層が乱雑にならないように、クリーンなマークアップが必要な場合は、このタイプを使用します。カスケードスタイルシート(CSS)と一緒に使用してください
移行: DTD には、W3C がスタイル シートに移動されることを想定しているプレゼンテーション属性と要素を含めることができます。読者がカスケーディング スタイル シート (CSS) をサポートしていないブラウザーを使用しており、HTML のプレゼンテーション機能を使用する必要がある場合は、これを使用します。
フレームセット: フレームを含むドキュメントには DTD を使用する必要があります。 Frameset DTD は、frameset 要素が body 要素に置き換わる点を除いて、Transitional DTD と同じです。

HTML5 は基本的に XHTML 1.0 Transitional の厳格な要件を持たず、<!DOCTYPE HTML> を直接使用できるように多くの点が簡素化されています。

HTML5
<!DOCTYPE HTML>
——————————————————————————————
html1.1: ドキュメント
<!doctype html パブリック "-/w3c/dtd xhtml 1.1/en" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
XHTML 1.1 プラス mathml プラス SVG:
<!doctype html public "-/w3c/dtd xhtml 1.1 および mathml 2.0 および svg 1.1/en" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
——————————————————————————————
html 4.01 厳密:
<!doctype html public "-/w3c/dtd html 4.01/en" "http://www.w3.org/tr/html4/strict.dtd">
HTML 4.01 移行:
<!doctype html public "-/w3c/dtd html 4.01 transitional/en" "http://www.w3.org/tr/html4/loose.dtd">
HTML 4.01 フレームセット:
<!doctype html public "-/w3c/dtd html 4.01 frameset/en" "http://www.w3.org/tr/html4/frameset.dtd">
——————————————————————————————
xhtml 1.0 厳密:
<!doctype html public "-/w3c/dtd xhtml 1.0 strict/en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
xhtml 1.0 移行:
<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
xhtml 1.0 フレームセット:
<!doctype html public "-/w3c/dtd xhtml 1.0 frameset/en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">
——————————————————————————————
HTML 3.2:
<!doctype html public "-/w3c/dtd html 3.2 final/en">
——————————————————————————————
HTML 2 (数字の 2 はバージョン番号を表します):
<!doctype html パブリック "-/ietf/dtd html 2.0/en">

タグ比較 DTD ドキュメントの古いバージョンを添付します。

ラベル

説明する

DTD

<!DOCTYPE>

ドキュメントの種類を定義します。

ステファニー

<html>

HTML ドキュメントを定義します。

ステファニー

<本文>

ドキュメントの本文を定義します。

ステファニー

<h1> から <h6>

HTML タイトルを定義します。

ステファニー

<p>

段落を定義します。

ステファニー

<br>

単純な改行を定義します。

ステファニー

<時間>

水平線を定義します。

ステファニー

<!--...-->

コメントを定義します。

ステファニー

ラベル

説明する

DTD

<b>

太字のテキストを定義します。

ステファニー

<フォント>

非推奨。テキストのフォント、サイズ、色を定義します

TF

<i>

斜体のテキストを定義します。

ステファニー

<em>

強調するテキストを定義します。

ステファニー

<大きい>

大きなテキストを定義します。

ステファニー

<strong>

より強い口調でテキストを定義します。

ステファニー

<小>

小さいテキストを定義します。

ステファニー

<sup>

上付き文字のテキストを定義します。

ステファニー

<サブ>

下付きテキストを定義します。

ステファニー

<bdo>

テキストの方向を定義します。

ステファニー

<u>

非推奨。下線付きのテキストを定義します。

TF

ラベル

説明する

DTD

<前>

フォーマット済みテキストの定義

ステファニー

<コード>

コンピュータ コード テキストを定義します。

ステファニー

<tt>

タイプライターのテキストを定義します。

ステファニー

<kbd>

キーボードのテキストを定義します。

ステファニー

<var>

テキストの可変部分を定義します。

ステファニー

<dfn>

定義 プロジェクトを定義します。

ステファニー

<サンプル>

コンピュータ コード サンプルを定義します。

ステファニー

<xmp>

非推奨。フォーマット済みのテキストを定義します。

ラベル

説明する

DTD

<頭字語>

最初の文字のみを使用して略語を定義します。

ステファニー

<略>

略語を定義します。

ステファニー

<住所>

ドキュメントの作成者または所有者の連絡先情報を定義します。

ステファニー

<引用>

ブロック引用を定義します。

ステファニー

<中央>

非推奨。中央揃えのテキストを定義します。

TF

<q>

短い引用を定義します。

ステファニー

<引用>

引用を定義します。

ステファニー

<イン>

定義がテキストに挿入されます。

ステファニー

<削除>

削除するテキストを定義します。

ステファニー

<s>

非推奨。取り消し線テキストを定義します。

TF

<ストライク>

非推奨。取り消し線テキストを定義します。

TF

ラベル

説明する

DTD

<あ>

アンカーを定義します。

ステファニー

<リンク>

ドキュメントと外部リソース間の関係を定義します。

ステファニー

ラベル

説明する

DTD

<フレーム>

フレームセットのウィンドウまたはフレームを定義します。

<フレームセット>

フレームセットを定義します。

<フレームなし>

フレームをサポートしていないユーザー向けの代替コンテンツを定義します。

TF

<iframe>

インライン フレームを定義します。

TF

ラベル

説明する

DTD

<フォーム>

ユーザー入力用の HTML フォームを定義します。

ステファニー

<入力>

入力コントロールを定義します。

ステファニー

<テキストエリア>

複数行のテキスト入力コントロールを定義します。

ステファニー

<ボタン>

ボタンを定義します。

ステファニー

<選択>

選択リスト(ドロップダウン リスト)を定義します。

ステファニー

<optgroup>

選択リスト内の関連するオプションのグループを定義します。

ステファニー

<オプション>

選択リスト内のオプションを定義します。

ステファニー

<ラベル>

入力要素の注釈を定義します。

ステファニー

<フィールドセット>

フォーム内の要素の周囲の境界線を定義します。

ステファニー

<凡例>

フィールドセット要素のタイトルを定義します。

ステファニー

<isindex>

非推奨。ドキュメントに関連付けられた検索可能なインデックスを定義します。

TF

ラベル

説明する

DTD

<ul>

順序なしリストを定義します。

ステファニー

<オル>

順序付きリストを定義します。

ステファニー

<li>

リストの項目を定義します。

ステファニー

<ディレクトリ>

非推奨。ディレクトリ リストを定義します。

TF

<ダウンロード>

定義のリストを定義します。

ステファニー

<dt>

定義リスト内の項目を定義します。

ステファニー

<dd>

定義は、リスト内の項目の説明を定義します。

ステファニー

<メニュー>

非推奨。メニュー リストを定義します。

TF

ラベル

説明する

DTD

<画像>

画像を定義します。

ステファニー

<地図>

イメージマップを定義します。

ステファニー

<エリア>

イメージマップ内の領域を定義します。

ステファニー

ラベル

説明する

DTD

<テーブル>

テーブルの定義

ステファニー

<キャプション>

テーブルのタイトルを定義します。

ステファニー

<番目>

表内のヘッダー セルを定義します。

ステファニー

<tr>

テーブル内の行を定義します。

ステファニー

<td>

テーブル内のセルを定義します。

ステファニー

<頭>

テーブルのヘッダー コンテンツを定義します。

ステファニー

<t本文>

テーブルの主なコンテンツを定義します。

ステファニー

<tfoot>

表内の表注釈(脚注)の内容を定義します。

ステファニー

<列>

テーブル内の 1 つ以上の列のプロパティ値を定義します。

ステファニー

<colgroup>

書式設定のためにテーブル内の列のグループを定義します。

ステファニー

ラベル

説明する

DTD

<スタイル>

ドキュメントのスタイル情報を定義します。

ステファニー

<div>

ドキュメント内のセクションを定義します。

ステファニー

<span>

ドキュメント内のセクションを定義します。

ステファニー

ラベル

説明する

DTD

<ヘッド>

ドキュメントに関する情報を定義します。

ステファニー

<タイトル>

ドキュメントのタイトルを定義します。

ステファニー

<メタ>

HTML ドキュメントに関するメタ情報を定義します。

ステファニー

<ベース>

ページ内のすべてのリンクのデフォルト アドレスまたはデフォルト ターゲットを定義します。

ステファニー

<ベースフォント>

非推奨。ページ上のテキストのデフォルトのフォント、色、またはサイズを定義します。

TF

ラベル

説明する

DTD

<スクリプト>

クライアント スクリプトを定義します。

ステファニー

<スクリプトなし>

クライアント スクリプトをサポートしていないユーザー向けの代替コンテンツを定義します。

ステファニー

<アプレット>

非推奨。埋め込まれたアプレットを定義します。

TF

<オブジェクト>

埋め込みオブジェクトを定義します。

ステファニー

<パラメータ>

オブジェクトのパラメータを定義します。

ステファニー

<<:  Docker での Redis の最も詳細なインストールと構成 (画像とテキスト付き)

>>:  MySQLの数値型自動増分における落とし穴

推薦する

html オプション 無効 選択 選択 無効 オプションの例

コードをコピーコードは次のとおりです。 <選択> <オプション値="&q...

nginxリバースプロキシを介したデバッグコードの実装

背景現在、会社のプロジェクトは、フロントエンドとバックエンドが分離された方法で開発されています。新し...

JDBC および MySQL 一時テーブルスペースの詳細な分析

背景一時テーブルスペースは、データベースのソート操作を管理し、一時テーブルや中間ソート結果などの一時...

CSSはグラデーションを巧みに利用して高度な背景光アニメーションを実現します

成し遂げるこの効果は CSS を使用して完全に再現することは困難です。 CSS でシミュレートされた...

CSS ポインターイベント属性の使用に関する詳細な説明

フロントエンド開発では、ユーザーと直接やり取りするため、ユーザーが操作がスムーズで快適だと感じ、ネイ...

Linux におけるゼロコピー技術の使用に関する簡単な分析

この記事では、Linux におけるいくつかの主要なゼロコピー テクノロジと、ゼロコピー テクノロジを...

CentOS8 でローカル yum ソースを構成するための詳細なチュートリアル

centos8 ディストリビューションは、BaseOS および AppStream リポジトリを通じ...

React+axios は github 検索ユーザー機能を実装します (サンプル コード)

負荷リクエスト成功リクエストに失敗しました cmdをクリックし、ファイルパスでEnterキーを押しま...

element-uiのアップロードコンポーネントでファイルやその他のパラメータを転送する際の問題を分析する

最近、element-ui を統合したプロジェクトで vuethink を使用しました。以前は bo...

MySQL 8.0.18 安定版がリリースされました! 予想通りハッシュ結合が実装されました

MySQL 8.0.18 安定版 (GA) が昨日正式にリリースされ、Hash Join も期待通り...

CSS を使用して複数の方法で下揃えを実装するサンプル コード

会社のビジネス要件により、次の図の赤い領域の効果を達成する必要があります。 効果の説明: 1. 赤い...

ブートストラップ学習体験のまとめ - CSS スタイル デザイン共有

プロジェクトのニーズにより、ブートストラップ フレームワークを慎重に学習する予定です。以前から少しは...

Linuxにおけるumaskコマンドの使用原理と計算方法の詳しい解説

目次umask umaskの使用法原理1. umask値2. ファイルディレクトリの最大権限3. 従...

Linuxはlsofコマンドを使用してファイルのオープンステータスを確認します

序文Linux では「すべてがファイル」であることは誰もが知っているので、ファイルのオープン状態を確...

クロスドメイン js フロントエンドの 8 つの実装ソリューション

目次1. jsonp クロスドメイン2. document.domain + iframe クロスド...