Ist das Tag „li“ ein Blockelement?

Die folgenden Elemente können auch als Elemente auf Blockebene betrachtet werden, da sie Elemente auf Blockebene enthalten können:

• DD – Definition Beschreibung
• DT – Definition Begriff
• RAHMENSET – Rahmenset
• LI – Listenelement
• TBODY – Tabellenkörper
• TD – Tabellendatenzelle
• TFOOT – Tischfuß
• TH – Tabellenkopfzelle
• THEAD – Tischkopf
• TR – Tabellenzeile

Diese Beschreibung scheint zu besagen, dass <li /> ein „Semi-Inline“-Element ist. Natürlich haben auch Elemente wie <td /> in dieser Liste bei mir solche Zweifel hervorgerufen. Heute habe ich mir die Standard-CSS verschiedener Browser angeschaut. Das Ergebnis ist folgendes:

Hier ist es grundsätzlich klar. In anderen A-Grade-Browsern als IE6/7 ist es ein „Semi-Inline“-Element. Apropos display:list-item; Obwohl es mittlerweile von allen erstklassigen Browsern unterstützt wird, verwenden es nicht viele Leute. Warum? Eigentlich ist es nutzlos. Im Quirks-Modus sagt PPK:

display: list-item bedeutet, dass das Element als Listenelement angezeigt wird, was hauptsächlich bedeutet, dass es einen Aufzählungspunkt davor hat (wie ein UL), außer in IE 5 auf dem Mac, wo es eine Nummer bekommt (wie ein OL). Die Nummern sind fehlerhaft: alle vorherigen LIs auf der Seite zählen als eins, daher beginnt dieses Beispiel mit der Nummer 5 (der Screenshot wurde gemacht, bevor ich meine Kompatibilitäts-LIs eingefügt habe).

Live-Beispiel:

Anzeige: Block

Anzeige: Listenelement

Anzeige: Listenelement

Rechts. Eigentlich bedeutet das nicht viel. Aber es hat auch einen meiner Zweifel gelöst. Teilen Sie es. Wenn Sie solche Zweifel haben, können Sie vielleicht beim nächsten Mal, wenn Sie beim Codieren auf einen Fehler oder andere Fragen stoßen, schnell reagieren.