【HTML初心者向け基礎講座】定義リスト(<dl>要素)と定義用語(<dt>要素)の使用方法

HTML

dlとdtについて

HTMLには、語彙集や用語集を表示するための要素がいくつかあります。その中でも、<dl>(定義リスト)要素と<dt>(定義用語)要素は、特定の語句に対して説明を提供するために使用されます。

<dl>要素: 定義リストの作成

<dl>要素は、定義リスト全体を定義します。通常、<dt>要素と<dd>要素(定義)のペアが<dl>内に含まれます。

<dl>
    <dt>用語1</dt>
    <dd>用語1の説明。</dd>
    <dt>用語2</dt>
    <dd>用語2の説明。</dd>
</dl>

<dt>要素: 定義用語の指定

<dt>要素は、定義リスト内で用語(タイトル)を定義します。

<dl>
    <dt>HTML</dt>
    <dd>HyperText Markup Languageの略で、ウェブページを作成するためのマークアップ言語です。</dd>
    <dt>CSS</dt>
    <dd>Cascading Style Sheetsの略で、ウェブページのスタイルやレイアウトを設定するためのスタイルシート言語です。</dd>
</dl>

実行すると以下のように表示されます。

HTML
HyperText Markup Languageの略で、ウェブページを作成するためのマークアップ言語です。
CSS
Cascading Style Sheetsの略で、ウェブページのスタイルやレイアウトを設定するためのスタイルシート言語です。

このようにすることで、用語(<dt>要素)とその説明(<dd>要素)を関連付けることができます。定義リストは、語彙集や用語集、説明を提供する場合に非常に役立ちます。

これらを使用することで、関連する用語とその定義を明示的に表示できます。

タイトルとURLをコピーしました