Listen verschachteln im HTML5
Geordnete und ungeordnete Listen verschachteln im HTML5
Zu diesem Thema Listen verschachteln existiert noch folgender Artikel: Verschachtelte Listen im HTML.
Das Verschachteln von Listen ist ebenfalls möglich. Dabei ist es jedoch wichtig, die Vergschachtelung richtig zu notieren.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Lernen - Grundlagen und Tutorials</title>
<meta charset="utf-8" />
</head>
<body>
<h1>
HTML5 Lernen - Grundlagen und Tutorials
</h1>
<ul>
<li>HTML
<ul>
<li>Kopfdaten</li>
<li>Dokument-Inhalt</li>
</ul>
</li>
<!-- Ende: HTML -->
<li>CSS
<ul>
<li>Selektoren</li>
<li>Eigenschaften</li>
</ul>
</li>
<!-- Ende: CSS -->
<li>JavaScript</li>
<li>XML</li>
</ul>
<ol>
<li>Vorbereitung
<ol>
<li>Struktur einer Website</li>
<li>Elemente für die Definition</li>
</ol>
</li>
<!-- Ende: Vorbereitung -->
<li>Zubereitung
<ol>
<li>Tags und neues Markup</li>
<li>Geordnete und ungeordnete Listen</li>
<li>Verschachteln nicht vergessen</li>
</ol>
</li>
<!-- Ende: Zubereitung -->
</ol>
</body>
</html>
Info
Beim Verschachteln ist es wichtig, in der übergeordneten Liste ein öffnendes <li>-Tag zu notieren. Dahinter folgt der Eintragstext dieses Listenelements. Dann wird das Listenelement jedoch noch nicht geschlossen, sondern stattdessen die vollständige untergeordnete Liste notiert. Erst daran anschließend folgt das schließende </li>-Tag des übergeordneten Listeneintrags. Im obigen Beispiel sind zum besseren Verständnis Kommentare wie <!-- Ende: HTML --> notiert,um zu demonstrieren, welche sschließende </li>-Tag zu welchem Listeneintrag gehört.
Info
Sie können geordnete und ungeordnete Listen auch gemischt verschachteln, also z. B. innerhalb einer geordneten Liste eine untergeordnete ungeordnete Liste notieren.
Auch weitere Verschachtelungstiefen sind möglich. li-Elemente untergeordneter Listen können also selbst wieder Listen enthalten. Eigenschaften von Listen werden beim Verschachteln vererbt. So etwa die Einrückung. Was leider nicht automatisch funktioniert, ist eine automatische Unternummerierung bei geordneten Listen, also etwa 1.1., 1.2. usw.