Heim  >  Artikel  >  Web-Frontend  >  Ist das Tag li eine Elementanalyse auf Blockebene?

Ist das Tag li eine Elementanalyse auf Blockebene?

巴扎黑
巴扎黑Original
2017-06-27 13:24:464500Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Fieldset-Tag, Legenden-TagNächster Artikel:Fieldset-Tag, Legenden-Tag