<dt>: DT 要素
最終更新:2026-10-13
<dt>DT 要素
説明リスト内の用語・名前を表します。通常は 1 つ以上の dd が続きます。
| カテゴリ | リスト |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </dt> タグ |
| ステータス | 標準 |
📝 構文
<dt>用語</dt>
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <dt> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント: dt は dl 内に置き、説明には dd を続ける必要があります。
❓ よくある質問
Qdt の中にリンクを置けますか?
Aフレージングコンテンツなら置けます(リンク・太字・インラインのタグはすべて正当)。ただし見出し(h1-h6)や段落レベルのブロックは置けません。FAQ の場面で、dt の中に
<a> のアンカーを置いて回答へ飛ばすのは定番の作り方です。Qdt と th の違いは何ですか?
Aどちらも「名前」を表しますが、文脈が違います。
<dt> は dl の定義リストの「用語」、<th> はテーブルの「行や列の表頭」です。キーと値の提示には dl+dt+dd、二次元データには table+th と、混在させないでください。Q1つの dt に複数の dd を対応させられますか?
Aできますし、正当です。典型は用語の多義です。「HTML」という1つの dt の後に2つの dd(「HyperText Markup Language」と「HyperText Transfer Protocol の誤称」)が続く形です。ブラウザは複数の説明をインデント付きで描画し、スクリーンリーダーはグループとして読み上げます。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。