<dt>: DT 要素

最終更新:2026-10-13

<dt>DT 要素

説明リスト内の用語・名前を表します。通常は 1 つ以上の dd が続きます。

カテゴリリスト
コンテンツモデルフローコンテンツ
許可される親要素フローコンテンツを受け入れる要素
閉じタグ必要 </dt> タグ
ステータス標準

📝 構文

<dt>用語</dt>

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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 の誤称」)が続く形です。ブラウザは複数の説明をインデント付きで描画し、スクリーンリーダーはグループとして読み上げます。
今後さらにケーススタディを追加予定です。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%