Wie schreibe ich W3C-konforme mehrstufige Aufzählungspunkte in HTML?

Lesezeit: 3 Minuten

Techboy

Ist es möglich, W3C-konforme mehrstufige Aufzählungspunkte (ungeordnete Liste) in HTML zu schreiben?

Verschachteltes ul kann verwendet werden, ist aber nicht W3C-konform.

 <ul>
     <li>myItem 1</li>
     <li>myItem 2</li>
     <ul>
        <li>myItem 2a</li>
     </ul>
     <li>myItem 3</li>
     <li>myItem 4</li>
 </ul>

meinArtikel 1
meinArtikel 2

myItem 2a

meinArtikel 3
meinArtikel 4

In Visual Studio gibt der obige Code die Warnung aus: Validierung (XHTML 1.0 Transitional): Element „ul“ kann nicht in Element „ul“ verschachtelt werden

Worüber beschwert sich der Validator, als Sie ihn ausprobiert haben? Bitte posten Sie Beispiel-HTML und genaue Validierungsausgabe.

– Anonym

16. Dezember 2010 um 21:35 Uhr
Haben Sie versucht, ein zu setzen <ul> in einem <li> und sehen, was der Validator sagt?

– Felix

16. Dezember 2010 um 21:37 Uhr
Sie sollten es natürlich können. Wenn nicht, machst du es falsch.

– Ben

16. Dezember 2010 um 21:38 Uhr
Wie sich aus diesem Thread herausstellte, ist das nicht der Fall, Ben. Hier ist ein ähnlicher Thread: stackoverflow.com/questions/2235257/…

– hotshot309

22. Mai 2012 um 19:29 Uhr

David Thomas

Das einzig gültige Kind von entweder a ul oder ol ist ein li Element; ein li kann aber enthalten a ul (oder ol). Um Ihr Ziel zu erreichen:

<ul>
  <li>myItem 1</li>
  <li>myItem 2</li>
  <li style="list-style-type:none">
    <ul>
      <li>myItem 2a</li>
    </ul>
  </li>
  <li>myItem 3</li>
  <li>myItem 4</li>
</ul>

…wenn jemand meinen Codeblock als Code bearbeiten könnte, wäre ich dankbar (ich weiß nicht, ob es die Verrücktheit der iPhone-Bearbeitung oder mein eigener Missbrauch ist, der es trotz wiederholter Versuche vermasselt).

– David Thomas

16. Dezember 2010 um 22:00 Uhr
Ich habe nicht genug Punkte, um Ihre Antwort zu bearbeiten 🙁 Ihr Code erstellt einen unerwünschten Aufzählungspunkt. Wie kann ich das loswerden? Danke.

– Techboy

16. Dezember 2010 um 22:07 Uhr
WTF? Das Letzte <ul> brach die gesamte Formatierung, bis ich alle Leerzeichen entfernt hatte. Habe das noch nie gesehen. Muss ein böser Apple-Trick gewesen sein 🙂

– Pekka

16. Dezember 2010 um 23:41 Uhr
Es ist das einzige gültiges (x)html Lösung. Der zusätzliche Aufzählungspunkt sollte über CSS behandelt werden. Ich würde vorschlagen, eine separate Frage zu stellen, um Hilfe bei diesem Problem zu erhalten.

– David Thomas

17. Dezember 2010 um 15:52 Uhr
Eigentlich müssen Sie nur die verschachtelte UL in die 2. Zeile einfügen, anstatt eine leere zu erstellen. Dann bekommst du die ungewollte Kugel nicht

– Morgan T.

5. Juni 2012 um 14:51 Uhr

Marlon

Ergänzend zur Antwort von David Thomas würde dies die unerwünschte Kugel entfernen:

<ul>
    <li>myItem 1</li>
    <li>myItem 2        
        <ul>
            <li>myItem 2a</li>
        </ul>
    </li>
    <li>myItem 3</li>
    <li>myItem 4</li>
</ul>

NB: es erfordert mindestens einen li Element im Elternteil ul

– Schicksal

28. Juli 2016 um 18:03 Uhr
Dies ist in der Tat die richtige Antwort. Der Punkt ist, dass muItem 2a ist eingerückt, weil es verschachtelt ist Innerhalb myItem 2also die ul verschachtelt werden soll Innerhalb es ist li

– Manngo

21. Januar 2017 um 0:00 Uhr
Es funktionierte perfekt für mich, und es ist einfacher als die Lösung von David Thomas. Danke Marlon

– herve-guerin

18. Oktober 2017 um 17:05 Uhr

12533000cookie-checkWie schreibe ich W3C-konforme mehrstufige Aufzählungspunkte in HTML?

#html #html-Listen #w3c-Validierung