Verschachtelte Listen

Du kannst eine Liste in eine andere einfügen. Dies wird als verschachtelte Liste bezeichnet. Das ist nützlich, um hierarchische Strukturen wie Gliederungen oder Menüs mit mehreren Ebenen zu erstellen. 

Um eine verschachtelte Liste zu erstellen, platzierst du einfach ein <ul>- oder <ol>-Element innerhalb eines <li>-Elements einer anderen Liste.

Hier ist ein Beispiel für eine verschachtelte ungeordnete Liste:

<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Subitem 2.1</li>
      <li>Subitem 2.2</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

Das zweite Element enthält eine verschachtelte Liste mit zwei Unterelementen. Im Browser wird sie folgendermaßen angezeigt:

• Element 1
• Element 2
  • Unterelement 2.1
  • Unterelement 2.2
• Element 3

Du kannst auch nummerierte Listen verschachteln oder beide mischen.