Heim Web-Frontend HTML-Tutorial Ist das Tag li eine Elementanalyse auf Blockebene?

Ist das Tag li eine Elementanalyse auf Blockebene?

Jun 27, 2017 pm 01:24 PM
元素 分析

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!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie Datenstatistiken und -analysen in Uniapp So implementieren Sie Datenstatistiken und -analysen in Uniapp Oct 24, 2023 pm 12:37 PM

So implementieren Sie Datenstatistiken und -analysen in uniapp 1. Hintergrundeinführung Datenstatistiken und -analysen sind ein sehr wichtiger Teil des Entwicklungsprozesses für mobile Anwendungen. Durch Statistiken und Analysen des Benutzerverhaltens können Entwickler ein tiefgreifendes Verständnis der Benutzerpräferenzen und -nutzung erlangen Gewohnheiten. Dadurch werden Produktdesign und Benutzererfahrung optimiert. In diesem Artikel wird die Implementierung von Datenstatistiken und Analysefunktionen in uniapp vorgestellt und einige spezifische Codebeispiele bereitgestellt. 2. Wählen Sie geeignete Datenstatistik- und Analysetools. Der erste Schritt zur Implementierung von Datenstatistiken und -analysen in uniapp besteht darin, die geeigneten Datenstatistik- und Analysetools auszuwählen.

Analyse der Gründe, warum das sekundäre Verzeichnis von DreamWeaver CMS nicht geöffnet werden kann Analyse der Gründe, warum das sekundäre Verzeichnis von DreamWeaver CMS nicht geöffnet werden kann Mar 13, 2024 pm 06:24 PM

Titel: Analyse der Gründe und Lösungen, warum das sekundäre Verzeichnis von DreamWeaver CMS nicht geöffnet werden kann. Dreamweaver CMS (DedeCMS) ist ein leistungsstarkes Open-Source-Content-Management-System, das häufig bei der Erstellung verschiedener Websites verwendet wird. Allerdings kann es beim Erstellen einer Website manchmal vorkommen, dass das sekundäre Verzeichnis nicht geöffnet werden kann, was zu Problemen beim normalen Betrieb der Website führt. In diesem Artikel analysieren wir die möglichen Gründe, warum das sekundäre Verzeichnis nicht geöffnet werden kann, und stellen spezifische Codebeispiele zur Lösung dieses Problems bereit. 1. Mögliche Ursachenanalyse: Pseudostatisches Regelkonfigurationsproblem: während der Verwendung

CSS-Übergangseffekt: So erzielen Sie den Gleiteffekt von Elementen CSS-Übergangseffekt: So erzielen Sie den Gleiteffekt von Elementen Nov 21, 2023 pm 01:16 PM

CSS-Übergangseffekt: So erzielen Sie den Gleiteffekt von Elementen Einführung: Im Webdesign kann der dynamische Effekt von Elementen das Benutzererlebnis verbessern, wobei der Gleiteffekt ein häufiger und beliebter Übergangseffekt ist. Durch die Übergangseigenschaft von CSS können wir leicht den gleitenden Animationseffekt von Elementen erzielen. In diesem Artikel wird erläutert, wie Sie mithilfe von CSS-Übergangseigenschaften den Gleiteffekt von Elementen erzielen, und es werden spezifische Codebeispiele bereitgestellt, um den Lesern ein besseres Verständnis und eine bessere Anwendung zu ermöglichen. 1. Einführung in den CSS-Übergangsattributübergang CSS-Übergangsattributtra

CSS-Transformation: So erzielen Sie den Rotationseffekt von Elementen CSS-Transformation: So erzielen Sie den Rotationseffekt von Elementen Nov 21, 2023 pm 06:36 PM

CSS-Transformation: Um den Rotationseffekt von Elementen zu erzielen, sind spezifische Codebeispiele erforderlich. Im Webdesign sind Animationseffekte eine der wichtigen Möglichkeiten, die Benutzererfahrung zu verbessern und die Aufmerksamkeit des Benutzers zu erregen, und Rotationsanimationen sind eine der klassischeren Methoden. In CSS können Sie das Attribut „transform“ verwenden, um verschiedene Verformungseffekte von Elementen zu erzielen, einschließlich Rotation. In diesem Artikel wird detailliert beschrieben, wie Sie mithilfe der CSS-Transformation den Rotationseffekt von Elementen erzielen, und es werden spezifische Codebeispiele bereitgestellt. 1. Verwendung von CSSs „transf

Analysieren Sie, ob die Hauptprogrammiersprache von Tencent Go ist Analysieren Sie, ob die Hauptprogrammiersprache von Tencent Go ist Mar 27, 2024 pm 04:21 PM

Titel: Ist Tencents wichtigste Programmiersprache Go: Eine eingehende Analyse Als Chinas führendes Technologieunternehmen hat Tencent bei der Auswahl seiner Programmiersprachen schon immer große Aufmerksamkeit auf sich gezogen. In den letzten Jahren glauben einige Leute, dass Tencent hauptsächlich Go als Hauptprogrammiersprache übernommen hat. In diesem Artikel wird eine eingehende Analyse durchgeführt, ob die Hauptprogrammiersprache von Tencent Go ist, und es werden konkrete Codebeispiele angegeben, um diese Ansicht zu untermauern. 1. Anwendung der Go-Sprache in Tencent Go ist eine von Google entwickelte Open-Source-Programmiersprache. Viele Entwickler schätzen ihre Effizienz, Parallelität und Einfachheit.

So implementieren Sie ein Layout mit einem festen Navigationsmenü mithilfe von HTML und CSS So implementieren Sie ein Layout mit einem festen Navigationsmenü mithilfe von HTML und CSS Oct 26, 2023 am 11:02 AM

So implementieren Sie mithilfe von HTML und CSS ein Layout mit einem festen Navigationsmenü. Im modernen Webdesign gehören feste Navigationsmenüs zu den häufigsten Layouts. Dadurch kann das Navigationsmenü immer oben oder am Rand der Seite angezeigt werden, sodass Benutzer bequem durch Webinhalte navigieren können. In diesem Artikel wird erläutert, wie Sie mithilfe von HTML und CSS ein Layout mit einem festen Navigationsmenü implementieren, und es werden spezifische Codebeispiele bereitgestellt. Zunächst müssen Sie eine HTML-Struktur erstellen, um den Inhalt der Webseite und das Navigationsmenü darzustellen. Hier ist ein einfaches Beispiel

So verwenden Sie CSS, um den Transparenzverlaufseffekt eines Elements zu erzielen So verwenden Sie CSS, um den Transparenzverlaufseffekt eines Elements zu erzielen Nov 21, 2023 pm 01:38 PM

So verwenden Sie CSS, um den Transparenzverlaufseffekt von Elementen zu erzielen. In der Webentwicklung ist das Hinzufügen von Übergangseffekten zu Webseitenelementen eines der wichtigen Mittel zur Verbesserung der Benutzererfahrung. Der Verlaufseffekt der Transparenz kann nicht nur die Seite glatter machen, sondern auch den Hauptinhalt des Elements hervorheben. In diesem Artikel wird erläutert, wie Sie mithilfe von CSS den Transparenzgradienteneffekt von Elementen erzielen, und es werden spezifische Codebeispiele bereitgestellt. Verwenden des CSS-Übergangsattributs Um den Transparenzverlaufseffekt eines Elements zu erzielen, müssen wir das CSS-Übergangsattribut verwenden. T

Analysieren Sie die Vor- und Nachteile der statischen Positionierungstechnologie Analysieren Sie die Vor- und Nachteile der statischen Positionierungstechnologie Jan 18, 2024 am 11:16 AM

Analyse der Vorteile und Grenzen der statischen Positionierungstechnologie Mit der Entwicklung moderner Wissenschaft und Technologie ist die Positionierungstechnologie zu einem unverzichtbaren Bestandteil unseres Lebens geworden. Als eine davon hat die statische Positionierungstechnologie ihre einzigartigen Vorteile und Grenzen. In diesem Artikel wird eine eingehende Analyse der statischen Positionierungstechnologie durchgeführt, um ihren aktuellen Anwendungsstatus und zukünftige Entwicklungstrends besser zu verstehen. Werfen wir zunächst einen Blick auf die Vorteile der statischen Positionierungstechnologie. Die statische Positionierungstechnologie erreicht die Bestimmung von Positionsinformationen durch Beobachtung, Messung und Berechnung des zu positionierenden Objekts. Im Vergleich zu anderen Positionierungstechnologien

See all articles