HTMLタグ「dl・dt・dd」とは？

2024年2月1日HTMLタグ

dl（description list）とは、 説明リストのこと。
dt（description term）とは、 説明する言葉のこと。
dd（definition / description）とは、 定義文 or 説明文のこと。

つまり、dtのことを、ddで説明するようなシーンで使う。

基本形

<dl>
  <dt>Hiro先生とは</dt>
  <dd>天才である</dd>
</dl>

使い分け

ul・olの場合

単純な項目のリストの場合に使う
SEO的に順序、順不同を問わない。

dl・dt・ddの場合

リストであり項目ごとの説明を書く場合に使う。
SEO的に意味的である必要がある。
テーマが一つの場合に使う。

tableの場合

複数テーマの場合に使う