<dt> 定義リストの用語を表す
取り扱い | 現行の標準 |
カテゴリ |
なし |
親にできる要素 | <dl> |
子にできる要素 | フロー・コンテンツ |
対応ブラウザ | caniuseで確認 |
<dt>タグの説明
<dt>
は、定義リストを表す<dl>
の中で用語を指定する祭に使用します。「dt」は「Definition Term」の頭文字を取った略称です。
定義リストとは、いわゆるキーワードと解説がペアになった単語帳や名簿のようなものです。これを作成する場合、まず初めに<dl>
でリストを開始し、<dt>
で用語を設定し、それに続く<dd>
で説明や解説を行います。
<dt>タグの特徴
- レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
- 視覚的な効果は特に与えられません。必要に応じてスタイルシートを調整して下さい。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。
<dt>に指定できる主な属性
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<dd>の使い方とサンプル
定義リストを作成するには三つのタグを覚える必要があります。まずは簡単なサンプルを作って、そこからスタイルシートで見栄えを調整していきましょう。
HTML
<dl>
<dt>ファミコン</dt>
<dd>1983年 7月発売</dd>
<dt>PCエンジン</dt>
<dd>1987年 10月発売</dd>
<dt>メガドライブ</dt>
<dd>1988年 10月発売</dd>
<dt>スーパーファミコン</dt>
<dd>1990年 11月発売</dd>
</dl>
表示確認
- ファミコン
- 1983年 7月発売
- PCエンジン
- 1987年 10月発売
- メガドライブ
- 1988年 10月発売
- スーパーファミコン
- 1990年 11月発売
<dt>に関連するHTMLタグ
リストを作成する要素 | |
---|---|
<ul> | 順序のないリストを作成する |
<ol> | 順序のあるリストを作成する |
<dl> | 定義リストを作成する |
<dt> | 定義リストの用語を表す |
<dd> | 定義リストの中で説明文を記載する |
<li> | リストの項目を作成する |
<menu> | ユーザーが操作可能なメニューを提供する |
<menuitem> | コンテキストメニューの項目を作成する |