Kiedy w znaczniku script potrzebna jest sekcja CDATA?

Gdy przeglądarki traktują znaczniki jako XML:

<script>
<![CDATA[
    ...code...
]]>
</script>

Gdy przeglądarki traktują znaczniki jako HTML:

<script>
    ...code...
</script>

Gdy przeglądarki traktują znaczniki jako HTML i chcesz, aby twój znacznik XHTML 1.0 (na przykład) został zweryfikowany.

<script>
//<![CDATA[
    ...code...
//]]>
</script>

HTML

Parser HTML będzie traktował wszystko pomiędzy <script> i </script> jako część skryptu. niektóre implementacje nie potrzebują nawet poprawnego znacznika zamykającego; zatrzymują interpretację skryptu na "</", co jest poprawne zgodnie ze specyfikacją .

Aktualizacja w HTML5 i w obecnych przeglądarkach już tak nie jest.

Więc w HTML jest to a nie możliwe:

<script>
var x = '</script>';
alert(x)
</script>

A CDATA sekcja ma brak efektu . Dlatego musisz napisać

var x = '<' + '/script>'; // or
var x = '<\/script>';

Lub podobne.

Dotyczy to również plików XHTML serwowanych jako text/html. (Ponieważ IE nie obsługuje typów treści XML, jest to głównie prawda.)

XML

W XML obowiązują różne reguły. Należy zauważyć, że przeglądarki (inne niż IE) używają parsera XML tylko wtedy, gdy dokument XHMTL jest obsługiwany z typem zawartości XML.

Dla parsera XML znacznik script nie jest lepszy niż jakikolwiek inny znacznik. W szczególności węzeł skryptowy może zawierać nietekstowe węzły potomne, wyzwalane przez "<"; A znak" & " oznacza encję znakową.

Więc w XHTML jest to a nie możliwe:

<script>
if (a<b && c<d) {
    alert('Hooray');
}
</script>

Aby obejść ten problem, możesz zawinąć cały skrypt w CDATA sekcję. To mówi parserowi: 'w tej sekcji nie traktuj "< " i "& " jako znaków kontrolnych.'Aby uniemożliwić silnikowi JavaScript interpretację znaków" <![CDATA[ " i " ]]>", możesz je owinąć w komentarze.

Jeśli Twój skrypt nie zawiera żadnych "<" ani "&", i tak nie potrzebujesz sekcji CDATA.

Zasadniczo jest to umożliwienie napisania dokumentu, który jest zarówno XHTML, jak i HTML. Problem polega na tym, że w XHTML parser XML zinterpretuje znaki&, w znaczniku skryptu i spowoduje błąd parsowania XML. Możesz więc pisać swój JavaScript z encjami, np.:

if (a > b) alert('hello world');

To X (HT)ML. Gdy używasz symboli, takich jak < i > w JavaScript, np. do porównywania dwóch liczb całkowitych, musiałoby to być przetwarzane jak XML, a więc oznaczałoby początek lub koniec znacznika.

CDATA oznacza, że następujące linie (wszystko do ]]> nie jest XML i dlatego nie powinno być przetwarzane w ten sposób.

Do not use CDATA in HTML4 but you should use CDATA in XHTML and must use CDATA in XML if you have unescaped symbols like .

Aby upewnić się, że Walidacja XHTML działa poprawnie, gdy masz JavaScript osadzony na stronie, a nie zewnętrznie odwołuje.

XHTML wymaga, aby Twoja strona była ściśle zgodna z wymaganiami znaczników XML. Ponieważ JavaScript może zawierać znaki o specjalnym znaczeniu, musisz zawinąć go w CDATA, aby upewnić się, że Walidacja nie oznaczy go jako zniekształcony.

Ze stronami HTML w sieci można po prostu dołączyć wymagany JavaScript między i tagi. Podczas walidacji kodu HTML na stronie internetowej zawartość JavaScript jest uważana za CDATA (dane znaków), która jest ignorowana przez walidator. To samo nie jest prawdą, jeśli przestrzegasz nowszych standardów XHTML podczas konfigurowania swojej strony internetowej. W XHTML kod pomiędzy znacznikami skryptu jest uważany za PCDATA (parsed character data), który jest przetwarzany przez walidator.

Z tego powodu nie można po prostu włączyć JavaScript między znacznikami skryptu na Twojej strony bez "łamania" Twojej strony (przynajmniej jeśli chodzi o walidator).

Możesz dowiedzieć się więcej o CDATA tutaj , a więcej o XHTML tutaj .

Jeśli dążysz do ścisłej zgodności z XHTML, potrzebujesz CDATA, aby mniej niż i ampersands nie były oznaczane jako nieprawidłowe znaki.

CDATA wskazuje, że zawartość wewnątrz nie jest XML.

Oto Wyjaśnienie na Wikipedii

Aby uniknąć błędów xml podczas walidacji XHTML.

CDATA mówi przeglądarce, aby wyświetlała tekst tak, jak jest, a nie renderowała go jako HTML.

CDATA wskazuje, że zawartość wewnątrz nie jest XML.

CDATA jest niezbędna w każdym dialekcie XML, ponieważ tekst w węźle XML jest traktowany jako element potomny przed przetworzeniem go jako JavaScript. Jest to również powód, dla którego JSLint narzeka na znak < w wyrażeniach regularnych.

Referencje

• Tworzenie deklaratywnego języka interfejsu użytkownika XML
• przyszłość sieci: bogate klienty, bogate przeglądarki, bogate portale

Jeśli chcesz, aby Walidacja (w XML / XHTML - thanks, Loren Segal ).

W ten sposób starsza przeglądarka nie przetwarza kodu Javascript i strona nie pęka.

Zwartość Wsteczna. Uwielbiam to.