Ist die Konvertierung von Blockelementen in Inline über CSS, wenn sie andere Blockelemente enthält, gültiges HTML?

Ist es unangemessen, Blockelemente über CSS in Inline zu konvertieren, wenn sie andere Blockelemente enthalten?

Einführung

It Es wird allgemein angenommen, dass die Platzierung eines Blockelements innerhalb eines Inline-Elements falsch ist. Was passiert jedoch, wenn das Gegenteil eintritt? Konkret: Wenn ein Div, das einen Absatz enthält, durch CSS in Inline umgewandelt wird, hält es dann immer noch die HTML-Validierungsregeln ein?

CSS-Spezifikation

Gemäß der CSS 2.1-Spezifikation , wird eine Inline-Box, die eine Box auf Blockebene enthält, in zwei anonyme Blockboxen aufgeteilt, eine vor und eine nach der Box auf Blockebene. Diese Boxen werden zu Geschwistern der Box auf Blockebene. Dieses Verhalten gilt auch dann, wenn eines der anonymen Blockfelder leer ist.

HTML-Validierung

Der HTML-Validierungsstatus hängt davon ab, ob er vor oder nach der CSS-Anwendung bewertet wird. Bevor CSS angewendet wird, ist der HTML-Code gültig. Nach der CSS-Transformation ist das Dokument jedoch gemäß der HTML-Spezifikation möglicherweise nicht mehr gültig.

Implementierung und Browserunterstützung

Die CSS-Spezifikation enthält Richtlinien dafür, wie Browser vorgehen sollten Bewältigen Sie dieses Szenario. Die Browser-Implementierungen können jedoch variieren. Einige Browser haben Rahmen für Inline-Elemente implementiert, die Blöcke enthalten, indem sie „anonyme Linienkästen“ um die verschachtelten Blöcke herum erstellt haben. Dieses Verhalten ist in CSS1 oder CSS2 nicht explizit definiert und ist möglicherweise nicht in allen Browsern konsistent.

HTML5-Überlegungen

In HTML5 ist die Platzierung auf Blockebene zulässig Elemente innerhalb von Inline-Elementen, wie z. B. Links. Dies kann nützlich sein, wenn Sie große Blöcke anklickbaren HTML-Inhalten erstellen.

Fazit

Während das Verhalten von Blockelementen, die in Inline-Elementen enthalten sind, nach der CSS-Transformation im CSS festgelegt ist Spezifikation kann die Interpretation und Implementierung dieser Regel je nach Browser unterschiedlich sein. Die Auswirkung auf die HTML-Validierung hängt davon ab, wann die Validierung durchgeführt wird, vor oder nach der CSS-Anwendung.

Das obige ist der detaillierte Inhalt vonIst die Konvertierung von Blockelementen in Inline über CSS, wenn sie andere Blockelemente enthält, gültiges HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!