【HTML】dlタグ - 定義リスト

HTMLのdlタグについて解説します。

検証環境

HTML

macOS

14.1

dlタグ

dlタグは“定義リスト”を意味するタグです。

dtタグとddタグを合わせて使用します。

基本構文

<dl>
    <dt>定義名</dt>
    <dd>説明</dd>
    <dt>定義名</dt>
    <dd>説明</dd>
    <dt>定義名</dt>
    <dd>説明</dd>
</dl>

dtタグ

dtタグは“定義名”を意味するタグです。

定義の説明は続く、ddタグを使用します。

ddタグ

ddタグは“定義の説明”を意味するタグです。

説明の対象は直前のdt要素です。

サンプル

sample.html

___ih_hl_start
<dl>
	<dt>赤</dt>
	<dd>赤のカラーコードは#ff0000です。</dd>
	<dt>緑</dt>
	<dd>緑のカラーコードは#00ff00です。</dd>
	<dt>青</dt>
	<dd>青のカラーコードは#000ffです。</dd>
</dl>
___ih_hl_end

プレビュー