CDATA w CSS dla HTML (zapis niepoprawny)

Parametry:

• Typ MIME: text/html
• DTD: HTML 4.01 Strict

Nieprawidłowy zapis obejmujący definicję stylów dla języka HTML:

<head>
	...
	<style type="text/css">
	<![CDATA[
	<!--
		body {
			background-color: white;
			background-image: url(tloobrazkowe1.gif);
			color: blue;
		}
	-->
	]]>
	</style>
</head>

Powyższy zapis jest niepoprawny. Sekcja CDATA nie może się pojawić w dokumencie HTML (ani w XHTML wysyłanym jako text/html). Szkoda, że walidator W3C nie informuje nas o nieprawidłowości:

Sprawdź poprawność dokumentu (tylko online)

By wymusić na starszych przeglądarkach interpretację stylów, które nie akceptują typu MIME application/xhtml+xml, sekcję CDATA należy dodatkowo umieścić w komentarzach CSS:

<head>
	...
	<style type="text/css">
	/* <![CDATA[ */
	<!--
		body {
			background-color: white;
			background-image: url(tloobrazkowe1.gif);
			color: blue;
		}
	-->
	/* ]]> */
	</style>
</head>

Porównaj ten przykład z kolejną stroną testową, w której zastosowałem poprawny zapis.

Wstecz