Outer-Space
Tipps & Tricks zur Programmierung in HTML

Aufzählungen

Für Aufzählungen und Listen existieren in HTML selbstverständlich entsprechende Befehle. Auch die Darstellung verschachtelter Bereiche, z. B. für Inhaltsverzeichnisse, ist damit grundsätzlich möglich.

  • Aufzählung, Teil 1
  • Aufzählung, Teil 2
    • Aufzählung, Teil 2 a)
    • Aufzählung, Teil 2 b)
      • Aufzählung, Teil 2 b) No. 1
      • Aufzählung, Teil 2 b) No. 2
  • Aufzählung, Teil 3

Sofern keine eigenen Vorgaben (beispielsweise im Stylesheet) gemacht werden, sehen die standard­mäßigen Abstände und Einrücken in HTML allerdings nicht besonders überzeugend aus. Auch die vom Browser automatisch erzeugten Listenzeichen sind Geschmackssache, und können je nach Browser und interpretierter Schriftart stark variieren.

Es empfiehlt sich daher, eigene Vorgaben zu verwenden, womit die Listeneinrückung reduziert und gleiche Einrückungszeichen verwendet werden.

ul { margin:0; padding:0 0 0 15px; list-style-type:square; }
  • Aufzählung, Teil 1
  • Aufzählung, Teil 2
    • Aufzählung, Teil 2 a)
    • Aufzählung, Teil 2 b)
      • Aufzählung, Teil 2 b) No. 1
      • Aufzählung, Teil 2 b) No. 2
  • Aufzählung, Teil 3

Wer damit immer noch nicht glücklich wird, muss auf eine Aufzählung in Tabellenform zurück­greifen. Bei häufigen oder tiefgehenden Verschachtelungen ist dann leider viel Handarbeit angesagt.