Heim > Artikel > Web-Frontend > Ist das Tag li eine Elementanalyse auf Blockebene?
Element auf Blockebene: Blockebene, ich glaube, jeder kennt es (oder googelt es). Als ich in der Vergangenheit Code geschrieben habe, kam es mir beim Anblick der
-Tags immer seltsam vor. Warum kann es die Höhe festlegen, aber im Gegensatz zu den
-Elementen fühlt es sich an, als wäre es ein „Semi-Inline“-Element (inline: inline[text]-level). HTML 4 wird wie folgt beschrieben:Die folgenden Elemente können ebenfalls als Elemente auf Blockebene betrachtet werden, da sie Elemente auf Blockebene enthalten können:
Diese Beschreibung scheint zu sagen, dass <li />
ein „Semi-Inline“-Element ist. Natürlich haben auch Elemente, die <td />
in dieser Liste ähneln, bei mir solche Zweifel hervorgerufen. Heute habe ich mir das Standard-CSS jedes Browsers angesehen. Das Ergebnis ist folgendes:
Browsers | CSS |
---|---|
IE6/IE7 |
li{<a href="http://www.php.cn/wiki/927.html" target="_blank">display</a>:block; } |
IE8+ / Webkit / Firefox / Opera |
li{display:list-item; } |
Hier ist es im Grunde klar. In anderen A-Grade-Browsern als IE6/7 handelt es sich um ein „Semi-Inline“-Element. Was display:list-item;
angeht: Obwohl es jetzt von allen A-Grade-Browsern unterstützt wird, verwenden es nicht viele Leute. Warum? Tatsächlich ist es nutzlos. Im Quirks-Modus sagt PPK Folgendes:
display: list-item
bedeutet, dass das Element als Listenelement angezeigt wird, was hauptsächlich bedeutet, dass es ein Aufzählungszeichen davor hat (wie ein UL), außer in IE 5 auf dem Mac, wo es eine Zahl erhält (wie ein OL): Alle vorheriösen LIs auf der Seite zählen als eins, also das hier Beispiel beginnt mit Nummer 5 (der Screenshot wurde erstellt, bevor ich meine Kompatibilitäts-LI's eingefügt habe).Live-Beispiel:
Anzeige: Block
Anzeige : Listenelement
Anzeige: Listenelement
Richtig. Tatsächlich bedeutet das nicht viel. Aber es kann als Lösung eines meiner Zweifel angesehen werden. Wenn Sie auch solche Zweifel haben, vielleicht wenn beim nächsten Mal ein Fehler oder eine andere Frage auftaucht, können Sie wahrscheinlich schnell antworten.
DD – Definitionsbeschreibung
DT – Definitionsbegriff
FRAMESET – Frameset
LI – Listenelement
TBODY – Tabellenkörper
TD – Tabellendatenzelle
TFOOT – Tischfuß
TH – Tabellenkopfzelle
THEAD – Tischkopf
TR – Tabellenzeile
Das obige ist der detaillierte Inhalt vonIst das Tag li eine Elementanalyse auf Blockebene?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!