オンラインツール

リファレンスマニュアル

HTML: <dl>タグ

: <progress>タグ-値対リスト)。

HTML <dl>タグは、HTMLドキュメント内の説明リストを定義するために使用されます。説明リストは、<dt>タグで見つかるグループ用語のリストと、<dd>タグで見つかる対応する説明です。このタグは通常、<dl>要素と呼ばれます。

オンラインサンプル

項目と説明を持つ説明リスト：

サンプル

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　dlタグの使用（基本チュートリアルウェブ3codebox.com)</title>
</head>
<body>
<dl>
　　　<dt>Chrome</dt>
　　　<dd>Web　browser　by　Google</dd>
　　　<dt>Safari</dt>
　　　<dd>Web　browser　by　Apple</dd>
</dl>
</body>
</html>

テストを見てみましょう ‹/›

このHTML5ドキュメントの例では、以下の要素を含むものを作成しました。2ブラウザの名前（ChromeおよびSafari）とそれらに対応する説明のリストです。

ブラウザの互換性

IEFirefoxオペラChromeSafari

すべての主要ブラウザが <dl> タグをサポートしています。

タグの定義及び使用方法

<dl> タグは通常、用語表や用語の定義を表示するために使用されます。

<dl> タグは説明リストを定義します。

<dl> タグは0個または複数のグループを含むことができます。各グループは、<dt>タグで見つかる1つまたは複数の用語と、<dd>タグで見つかる1つまたは複数の説明で構成されます。

<dl> タグと <dt> （項目を定義する/名前）および <dd> （各アイテムを説明する/名前）を一緒に使用します。

各グループには、少なくとも1つの<dt>タグとその後の少なくとも1つの<dd>タグが必要です。これは、以下のようにリストできます：

1つの用語が1つの説明に続きます
1つの用語が複数に続いて、多くの説明が続きます
多くの用語が1つに続いて、1つの説明が続きます
多くの用語が複数に続いて、多くの説明が続きます

HTML 4.01 HTML5の違い

HTML 4.01 中、<dl> タグは定義リストを定義します。

HTML5 中、<dl> タグは説明リストを定義します。

グローバル属性

<dl> タグがサポートされています HTML のグローバル属性。

イベント属性

<dl> タグがサポートされています HTML のイベント属性。

HTML チュートリアル：HTML リスト

HTML: <i> タグ HTML: <div>タグ