ホーム

dl,dt,dd

定義

機能

dl 要素は、定義リスト（description list）を作成するために使用されます。定義リストは、用語とその定義のペアを表示するために使用されます。

dt 要素は、定義リスト内の用語（definition term）を定義します。

dd 要素は、定義リスト内の用語の定義（definition description）を提供します。 これらの要素を組み合わせることで、用語とその説明を視覚的に整理して表示することができます。

よく設定する属性

なし

引用元の URL を指定します。
例: cite=“https://www.example.com”

使い方

この例では、dl 要素を使用して定義リストを作成し、dt 要素で用語を定義し、dd 要素でその定義を提供しています。

<style>
  dl {
    background-color: #f9f9f9;
    padding: 10px;
    border: 1px solid #ccc;
  }
  dt {
    font-weight: bold;
    color: #333;
  }
  dd {
    margin-left: 20px;
    color: #666;
  }
</style>
<dl>
  <dt>HTML</dt>
  <dd>
    HyperText Markup Languageの略で、ウェブページを作成するための標準言語です。
  </dd>
  <dt>CSS</dt>
  <dd>
    Cascading Style
    Sheetsの略で、ウェブページのスタイルを定義するための言語です。
  </dd>
</dl>