<dt>

定義語(Definition Term)であることを示します。定義リストタグ <dl> と </dl> の間に記述します。

HTML

HTMLの場合、タグ名、属性名及び属性値は大文字と小文字を区別しない。

<dl>
  <dt>
    <!-- definition term -->
  </dt>
  <dd>
    <!-- definition description -->
  </dt>
</dl>

開始タグは省略できない。

dt 要素のすぐ後ろに dt 要素または dd 要素が続く場合は、dt 要素の終了タグを省略することができる。

<DL>
  <DT>
    <!-- definition term -->
  <DD>
    <!-- definition description -->
  </DD>
</DL>

XHTML

XHTMLの場合、タグ名及び属性名を小文字で記述する。

<dl>
  <dt>
    <!-- definition term -->
  </dt>
  <dd>
    <!-- definition description -->
  </dt>
</dl>

開始タグ及び終了タグは省略できない。

コンテンツモデル

dt要素の開始タグと終了タグの間には、フローコンテンツを含めることができる。ただし、以下に示す要素を除く。

具体的には、以下に示す要素を開始タグと終了タグの間に含めることができる。

属性

次に示す属性をdt要素に指定できる。

class
CSSのクラスを指定する。空白で区切って、複数のクラスを指定できる。
id
HTML文書内で一意な識別子を指定する。

識別子を指定する例を次に示す。

<dl>
  <dt id="color">color</dt>
  <dd>red, blue, yellow, green, brown, purple etc</dd>
  <dt id="center">center</dt>
  <dd>the middle of a space, area, or object, especially the exact middle in the centre</dd>
</dl>

上記のHTMLはブラウザで次のように表示される。

color
red, blue, yellow, green, brown, purple etc
center
the middle of a space, area, or object, especially the exact middle in the centre
lang
使用する言語を指定する。

言語を指定する例を次に示す。

<dl>
  <dt lang="en-GB">colour</dt>
  <dt lang="en-US">color</dt>
  <dd>red, blue, yellow, green, brown, purple etc</dd>
  <dt lang="en-GB">centre</dt>
  <dt lang="en-US">center</dt>
  <dd>the middle of a space, area, or object, especially the exact middle in the centre</dd>
</dl>

上記のHTMLはブラウザで次のように表示される。

colour
color
red, blue, yellow, green, brown, purple etc
centre
center
the middle of a space, area, or object, especially the exact middle in the centre
style
CSSのプロパティを指定する。セミコロンで区切って、複数のプロパティを指定できる。

スタイルを指定する例を次に示す。

<dl>
  <dt style="font-weight: bold">color</dt>
  <dd>red, blue, yellow, green, brown, purple etc</dd>
  <dt style="font-weight: bold">center</dt>
  <dd>the middle of a space, area, or object, especially the exact middle in the centre</dd>
</dl>

上記のHTMLはブラウザで次のように表示される。

color
red, blue, yellow, green, brown, purple etc
center
the middle of a space, area, or object, especially the exact middle in the centre

JavaScript

JavaScript からは HTMLElement インタフェースを通じて dt 要素へアクセスできる。

参考文献

Web Hypertext Application Technology Working Group (2025) "Grouping content" HTML Living Standard