HTMLリストの使用方法（

、
、

）

HTMLには、次の3種類のリスト要素があります。

• 順序付けされていないリスト（最も一般的）
• 注文リスト
• 説明リスト

順序付けされていないリスト

順序付けされていないリストは、<ul>で定義されます 要素とその中の各リストアイテムは、<li>で定義されます。 要素：

<ul>
  <li>Apple</li>
  <li>Banana</li>
  <li>Orange</li>
</ul>

結果：

• アップル
• バナナ
• オレンジ

デフォルトでは、順序付けされていないリストは円の箇条書きでスタイル設定されますが、これはCSSでカスタマイズできます。

順序付きリスト

順序付きリストは、<ol>で定義されます 要素とその中の各リストアイテムは、<li>で定義されます。 要素：

<ol>
  <li>Apple</li>
  <li>Banana</li>
  <li>Orange</li>
</ol>

結果：

1. アップル
2. バナナ
3. オレンジ

デフォルトでは、順序付きリストは数値で表示されますが、これはCSSでカスタマイズできます。

説明リスト

説明リストの動作は、順序付きリストや順序なしリストとは大きく異なります。

仕組みは次のとおりです。

• <dl> 要素は説明リストを定義します（そして親要素です）。
• <dt> 要素は、説明リスト内の用語（名前）を定義します（<dl>の子です）。 要素）。
• <dd> elementは、説明リスト用語（<dt>）の説明、定義、または値を提供します ）その直前に来た（そして<dl>の子でもある） 要素）。

例：

<dl>
  <dt>African Elephant</dt>
  <dd>The worlds largest living land animal.</dd>
  <dt>Giraffe</dt>
  <dd>The tallest living animal on Earth.</dd>
  <dt>Blue Whale</dt>
  <dd>The largest animal ever (as we know it).</dd>
</dl>

結果：

アフリカゾウ

世界最大の生きている陸生動物。

キリン

地球上で最も背の高い生きている動物。

シロナガスクジラ

これまでで最大の動物（私たちが知っているように）

説明リストは、最近のHTMLではめったに使用されません。私が見た中で最も一般的な使用例は、ある種の用語集を作成したり、メタデータを表示したりすることですが、HTMLでそれを行う方法は他にもたくさんあります。