Bitte beachten! Diese Seite dient nur zur Demonstration des Browserverhaltens. Die Doctype-Deklaration dieser Seite löst in den meisten aktuellen Browsern den »Quirks Mode« aus. Es kann daher sein, dass ein oder mehrere Browser diese Seite nicht dem Standard entsprechend darstellen. Auch wenn die Seite dadurch wie beabsichtigt dargestellt werden sollte, so ist die Darstellung in diesen Browsern nicht korrekt. Bitte lesen Sie die Beschreibung zu diesem Beispiel, um zu erfahren, wie eine korrekte Umsetzung der gewünschten Darstellung erfolgen kann.
Dieser Absatz besitzt eine Klasse mit dem Namen absatz: <p class="absatz"> </p>. Dieser Klasse wird in einem Stylesheet ein heller Hintergrund und ein blauer Rahmen zugewiesen.
Dieser Absatz besitzt eine Klasse mit dem Namen ABSATZ: <p class="ABSATZ"> </p>. Bei standardkonformer Interpretation des Codes erhält dieser Absatz keine besonderen Formatierungen, da keine CSS-Regel mit dem Selektor .ABSATZ definiert wird. Bei nicht standardkonformer Interpretation erhält er dieselben Formatierungen wie der vorherige Absatz.
Dieser Absatz besitzt eine Klasse mit dem Namen 2absatz: <p class="2absatz"> </p>. Bei standardkonformer Interpretation des Codes erhält dieser Absatz keine besonderen Formatierungen, da der verwendete Name ungültig ist. Bei nicht standardkonformer Interpretation erhält er dieselben Formatierungen wie der erste Absatz.
Dieser Absatz besitzt eine Klasse mit dem Namen absatz2: <p class="absatz2"> </p>. Bei standardkonformer Interpretation des Codes erhält auch dieser Absatz keine besonderen Formatierungen. Der Klassenname ist zwar korrekt, er wird aber als Selektor in derselben CSS-Regel notiert wie der falsche Klassenname des vorherigen Absatzes. Gemäß der CSS-Spezifikation muss die gesamte CSS-Regel ignoriert werden. Bei nicht standardkonformer Interpretation erhält dieser Absatz dieselben Formatierungen wie der erste Absatz.