リスト

可能な限り、リストをリスト内にネストしないようにします。リストをネストしても問題ありませんが、見た目が悪くなります。リスト内のリストではなく、リストの外側の「レイヤ」に単純な <p> タグを使用してください。

順序なしリスト

  • リンゴ
    • レッドデリシャス
    • Fuji
    • グラニースミス
      • 緑
      • 酸っぱい
  • ナシ
  • バナナ
<ul>
  <li>apples
    <ul>
      <li>Red Delicious</li>
      <li>Fuji</li>
      <li>Granny Smith
        <ul>
          <li>green</li>
          <li>sour</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>pears</li>
  <li>bananas</li>
</ul>

順序付きリスト

  1. リンゴ
    1. レッドデリシャス
    2. Fuji
    3. グラニースミス
      1. 緑
      2. 酸っぱい
  2. ナシ
  3. バナナ
<ol>
  <li>apples
    <ol>
      <li>Red Delicious</li>
      <li>Fuji</li>
      <li>Granny Smith
        <ol>
          <li>green</li>
          <li>sour</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>pears</li>
  <li>bananas</li>
</ol>

定義リスト

アルファ版
アルファ版の定義
ベータ版
ベータ版の定義
ガンマ
ガンマの定義
<dl>
  <dt>alpha</dt>
  <dd>the definition of alpha</dd>
  <dt>beta</dt>
  <dd>the definition of beta</dd>
  <dt>gamma</dt>
  <dd>the definition of gamma</dd>
</dl>