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の数値型自動増分における落とし穴

推薦する

explainコマンドがMySQLデータを変更する理由

クエリで EXPLAIN を実行するとデータベースが変更されるかどうかを尋ねられた場合、おそらく「い...

Ubuntu 18.04 で apt ソースを Alibaba Cloud ソースに変更する詳細なプロセス

目次序文: Ubuntu 18.04 は apt ソースを Alibaba Cloud ソースに変更...

MySQL 5.7.17 無料インストールバージョンの設定方法グラフィックチュートリアル (Windows10)

1. 概要ネットでいろいろ検索してみたところ、Linux システム向けではなく、現在の新しいバージ...

Docker で FastDFS をデプロイする方法

Dockerにfastdfsをインストールするディレクトリをマウント-v /e/fdfs/トラッカー...

CSS 複数 3 列適応レイアウト実装の詳細な説明

序文従来のWEBレイアウトに沿うため、すべてヘッダーとフッターモードの左・中央・右レイアウトで書かれ...

Vue 親子コンポーネントの相互値の転送と呼び出し

目次1. 親が子コンポーネントに値を渡す2. 子コンポーネントが親コンポーネントに値を渡す3. 子コ...

JavaScript を使用してハイパーリンクのリダイレクトを防ぐ方法 (複数の書き方)

JavaScript を使用すると、ハイパーリンクがジャンプするのを防ぐことができます。方法は次の...

LeetCode の SQL 実装 (182. 重複するメールボックス)

[LeetCode] 182.重複メールPerson という名前のテーブル内のすべての重複メールを...

n 個のコンテナ要素による無限スクロールの実装コード

シナリオ最大 10000 要素のリストを正しくレンダリングする方法。無限ドロップダウン読み込みテクノ...

Vue マルチ選択リスト コンポーネントの詳細な説明

マルチ選択は、すべてのオプションを一覧表示し、ユーザーが Ctrl/Shift キーを使用して複数選...

MySQL での limit の使用方法は何ですか (推奨)

SELECT * FROM テーブル名制限m,n; SELECT * FROM テーブル LIMI...

Vue で親コンポーネントから子コンポーネントにデータを渡すいくつかの方法

最近、Vue のソースコードを勉強していて、Vue で親コンポーネントと子コンポーネント間でデータを...

「@INC で ExtUtils/MakeMaker.pm が見つかりません」というエラーを解決する

mha4mysql をインストールする場合の手順は、おおよそ次のようになります: unzip、per...

Docker コンテナにデプロイされた Django のタイムゾーンの問題

目次Django でのタイムゾーン設定USE_TZ=真USE_TZ=偽Linux コンテナでのタイム...

MySQLにデータを素早くインポートする方法

序文:日々の勉強や仕事の中で、データをエクスポートする必要に迫られることがよくあります。たとえば、デ...