Den W3-Dokumenten wird ein verschachteltes Listenbeispiel vorangestellt DEPRECATED EXAMPLE:
, das jedoch nie mit einem nicht veralteten Beispiel korrigiert oder genau erklärt wurde, was mit dem Beispiel nicht stimmt.
Welche dieser Möglichkeiten ist die richtige, um eine HTML-Liste zu schreiben?
Option 1 : Der Verschachtelte <ul>
ist ein Kind des Elternteils<ul>
<ul>
<li>List item one</li>
<li>List item two with subitems:</li>
<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
<li>Final list item</li>
</ul>
Option 2 : Das verschachtelte <ul>
ist ein Kind des, in das <li>
es gehört
<ul>
<li>List item one</li>
<li>List item two with subitems:
<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
</li>
<li>Final list item</li>
</ul>
quelle
Option 2
Verschachtelungslisten - UL
quelle
Option 2 ist richtig: Das verschachtelte
<ul>
ist ein Kind des, in das<li>
es gehört.Richtig:
<ul>
als Kind von<li>
Die richtige Methode zum Erstellen einer verschachtelten HTML-Liste besteht darin, die verschachtelte Liste
<ul>
als untergeordnetes Element der Liste zu erstellen,<li>
zu der sie gehört. Die verschachtelte Liste sollte sich innerhalb des<li>
Elements der Liste befinden, in dem sie verschachtelt ist.W3C-Standard für Verschachtelungslisten
Ein Listenelement kann eine andere vollständige Liste enthalten - dies wird als "Verschachteln" einer Liste bezeichnet. Es ist nützlich für Dinge wie Inhaltsverzeichnisse, wie das am Anfang dieses Artikels:
Der Schlüssel zum Verschachteln von Listen besteht darin, sich daran zu erinnern, dass sich die verschachtelte Liste auf ein bestimmtes Listenelement beziehen sollte. Um dies im Code widerzuspiegeln, ist die verschachtelte Liste in diesem Listenelement enthalten. Der Code für die obige Liste sieht ungefähr so aus:
Beachten Sie, wie die verschachtelte Liste nach dem
<li>
und dem Text des enthaltenen Listenelements beginnt („Kapitel Eins“). endet dann vor dem</li>
des enthaltenen Listenelements. Verschachtelte Listen bilden häufig die Grundlage für Website-Navigationsmenüs, da sie eine gute Möglichkeit darstellen, die hierarchische Struktur der Website zu definieren.Theoretisch können Sie so viele Listen verschachteln, wie Sie möchten, obwohl es in der Praxis verwirrend sein kann, Listen zu tief zu verschachteln. Bei sehr großen Listen ist es möglicherweise besser, den Inhalt in mehrere Listen mit Überschriften aufzuteilen oder ihn sogar in separate Seiten aufzuteilen.
quelle
Wenn Sie validieren, wird Option 1 in HTML 5 als Fehler angezeigt, sodass Option 2 korrekt ist.
quelle
Ich bevorzuge Option zwei, da das Listenelement eindeutig als Besitzer dieser verschachtelten Liste angezeigt wird. Ich würde mich immer zu semantisch fundiertem HTML neigen.
quelle
Haben Sie darüber nachgedacht, das TAG "dt" anstelle von "ul" für Verschachtelungslisten zu verwenden? Durch den ererbten Stil und die Struktur können Sie einen Titel pro Abschnitt festlegen und den darin enthaltenen Inhalt automatisch tabellieren.
VS
quelle
dt
/dd
Tags, die gepaart sind. Auch der inhärente Stil (und die Tabelle, vermute ich) stammt lediglich aus dem Standard-Browser-Stylesheet, das sagt also nicht viel aus. Ich würde es wie ein semantisches Element behandeln; Wenn Sie eine Liste mit Definitionen haben oder wenn Sie nur Paare von Titel- / Beschreibungsdaten haben,dl
könnte a eine gute Wahl sein.Was hier nicht erwähnt wird, ist, dass Option 1 das willkürlich tiefe Verschachteln von Listen ermöglicht.
Dies sollte keine Rolle spielen, wenn Sie den Inhalt / das CSS steuern, aber wenn Sie einen Rich-Text-Editor erstellen, ist dies praktisch.
Mit Google Mail, Posteingang und Evernote können Sie beispielsweise Listen wie die folgenden erstellen:
Mit Option 2 können Sie das nicht fällen (Sie haben ein zusätzliches Listenelement), mit Option 1 können Sie dies.
quelle