<dt>: 説明用語要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<dt> は HTML の要素で、説明または定義リストの中で用語を表す部分であり、<dl> の子要素としてのみ用いることができます。普通は <dd> 要素が続きます。しかし、複数の <dt> 要素が続くと、複数の用語がすぐ後に続く <dd> 要素で定義されていることを表します。

後に続く <dd>（詳細説明）要素は、 <dt> を用いて指定した用語について、定義やその他の関連する文字列を表します。

試してみましょう

<p>Please use the following paint colors for the new house:</p>

<dl>
  <dt>Denim (semigloss finish)</dt>
  <dd>Ceiling</dd>

  <dt>Denim (eggshell finish)</dt>
  <dt>Evening Sky (eggshell finish)</dt>
  <dd>Layered on the walls</dd>
</dl>

p,
dl {
  font:
    1rem "Fira Sans",
    sans-serif;
}

dl > dt {
  font-weight: normal;
  font-style: oblique;
}

dd {
  margin-bottom: 1rem;
}

コンテンツカテゴリー	なし
許可されている内容	フローコンテンツ。ただし配下に `<header>`、`<footer>`、区分コンテンツ、見出しコンテンツがないもの。
タグの省略	開始タグは必須。終了タグについては、他の `<dt>` または `<dd>` 要素が後続する場合、もしくは親要素の中にそれ以上のコンテンツがない場合は省略可能。
許可されている親要素	`<dl>` または（WHATWG HTML および W3C HTML 5.2 以降においては）`<dl>` の子である `<div>`。この要素は `<dd>` または他の `<dt>` の前で使用することができる。
暗黙の ARIA ロール	`term`
許可されている ARIA ロール	`listitem`
DOM インターフェイス	`HTMLElement`。 Gecko 1.9.2 (Firefox 4) 以前では、Firefox はこの要素に対し `HTMLSpanElement` インターフェイスを実装していました。

仕様書

Specification
HTML # the-dt-element

<dt>: 説明用語要素

試してみましょう

属性

例

技術的概要

仕様書

ブラウザーの互換性

関連情報