11 Stimme

HTML Validierung: UL in UL erzeugt Fehler "ul not allowed as child of element ul in this context"

Frage von Gast | Letztes Update am 03.04.2021 | Erstellt am 03.06.2014

Ich habe meine Website gerade in einem HTML Validator angesehen. Dieser gibt mir folgende Fehlermeldung aus:

Error: ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) - [Fehler: ul ist in diesem Zusammenhang nicht als Kind des Elements ul erlaubt. (Unterdrückung weiterer Fehler aus diesem Teilbaum.)]

Der Fehler bezieht sich auf eine UL-Liste, die in eine andere UL-Liste als Sublist verschachtelt ist. Also so etwas wie hier:

<ul>
  <li>A</li>
  <ul>
    <li>A1</li>
    <li>A2</li>
  </ul>
  <li>B</li>
  <li>C</li>
</ul>

Ich frage mich nun, ob es überhaupt möglich ist valides HTML mit solch einer Konstruktion zu erzeugen. So wie ich den Fehler verstehe, darf man ja kein UL als Child von einem UL benutzen. Oder gibt es doch eine Möglichkeit?

AntwortenPositivNegativ
2Beste Antwort2 Stimmen

Doch, auch nested lists kann man mit validem HTML erzeugen.

Was du beachten musst ist, dass direkt unterhalb eines UL-Elements nur LI-Elemente erlaubt sind.

Deswegen muss man die untergeordnete Liste auch als Listenelemente deklarieren und mit <li></li> einfassen:

<ul>
  <li>A</li>
  <li>
      <ul>
         <li>A1</li>
         <li>A2</li>
      </ul>
  </li>
  <li>B</li>
  <li>C</li>
</ul>

Damit sollte der HTML Validator nicht mehr meckern.
Letztes Update am 03.04.2021 | Erstellt am 03.06.2014

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.