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

推薦する

Vue開発ウェブサイトSEO最適化方法の詳細な説明

ページデータの表示には Vue などの js のデータバインディング機構が使用されるため、クローラー...

CSS でフローティングにより親要素の高さが崩れる問題を解決するいくつかの方法

1. ドキュメントフローとフローティング1. ドキュメントフローとは何ですか? HTML では、ドキ...

MySQL クラスター化インデックスのページ分割原理の分析例

この記事では、MySQL クラスター化インデックスのページ分割を例を使って説明します。ご参考までに、...

Linux システムで Vim を使用してリモート ファイルを読み書きするコマンドの詳細な説明

vim の動作モードを設定する (一時的) :set (モード情報) :set nu — 行番号を表...

JavaScriptの擬似配列と配列の使い方と違い

擬似配列と配列JavaScript では、5 つのプリミティブ データ型を除き、関数を含め、その他す...

ウェブデザインの初心者に役立つ学習教材をいくつかお勧めします

勉強中に読んだ本についてもよく聞かれます。以下は初心者におすすめの本です(私が勉強中に読んだ本です。...

レスポンシブウェブデザインを実現するためにIEでCSS3メディアクエリをサポートする

今日の画面解像度は、320 ピクセル (iPhone) ほど小さいものから、2560 ピクセル以上 ...

MySQL でのサブクエリの基本的な使用法

目次1. サブクエリの定義2. サブクエリの分類1. スカラーサブクエリ: 2. MySQLサブクエ...

MySQL共通ストレージエンジンの機能と使用方法の詳細な説明

この記事では、一般的な MySQL ストレージ エンジンの機能と使用方法を例を使って説明します。ご参...

Linuxはnode.jsを完全に削除し、yumコマンドで再インストールします。

最初のステップ組み込みのパッケージ管理機能で一度削除する yum 削除 nodejs npm -y ...

MySQLクエリ制御ステートメントの詳細なグラフィック説明

mysql クエリ制御ステートメントフィールド重複排除 **キーワード: 明確** 構文: テーブル...

xtrabackup による MySQL データベースのバックアップと復元

mysqldump バックアップは、その独自の特性 (テーブルのロック、基本的に挿入スクリプトまたは...

パーティショニングを使用して数十億のデータに対する MySQL データ処理を最適化する方法

MySQL が数千万のデータをクエリする場合、ほとんどのクエリ最適化の問題はインデックスを通じて解決...

jQueryメソッド属性の詳細な説明

目次1. jQueryの紹介2. jQueryセレクター2.1 5つの基本セレクタ2.2 4種類の関...

CSS 8 目を引く HOVER 効果のサンプル コード

1. エフェクトHTMLを送信する <div id="送信ボタン">...