Listor

När det är möjligt, undvik häckningslistor i listor; de fungerar bra, men ser inte särskilt snygga ut. Istället för en lista i en lista, försök att använda vanliga <p> -taggar för det yttre "lagret" av listan.

Oordnade listor

  • äpplen
    • Red Delicious
    • Fuji
    • Farmor Smith
      • grön
      • sur
  • päron
  • bananer
<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>

Beställda listor

  1. äpplen
    1. Red Delicious
    2. Fuji
    3. Farmor Smith
      1. grön
      2. sur
  2. päron
  3. bananer
<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>

Definitionslistor

Alfa
definitionen av alfa
Beta
definitionen av beta
Gamma
definitionen av gamma
<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>