>웹 프론트엔드 >JS 튜토리얼 >언제, 왜 스크립트 태그에 CDATA 섹션을 사용해야 합니까?

언제, 왜 스크립트 태그에 CDATA 섹션을 사용해야 합니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-08 07:21:13454검색

When and Why Should We Use CDATA Sections in Script Tags?

스크립트 태그의 CDATA 섹션: 중요한 시기와 이유

CDATA(문자 데이터) 섹션은 XML 또는 HTML 문서 내에 구문 분석되지 않은 데이터를 삽입하는 방법을 제공합니다. . 스크립트 태그의 맥락에서 CDATA 섹션을 사용하면 브라우저가 코드 내의 특정 문자를 마크업으로 해석하지 못하게 할 수 있습니다.

CDATA 섹션을 사용하는 경우

일반적으로 CDATA를 사용하는 것이 좋습니다. XML로 구문 분석할 XHTML 문서의 인라인 JavaScript에 대한 섹션입니다. 이는 XHTML이 기본적으로 인라인 JavaScript를 구문 분석된 문자 데이터로 처리하기 때문입니다. 이로 인해 코드에 XML 마크업에도 사용되는 문자가 포함된 경우 문제가 발생할 수 있습니다.

예를 들어 다음 코드는 XHTML로 올바르게 구문 분석되지 않습니다. :

<script type="text/javascript">
//<![CDATA[
>>> i<10
//]]>
</script>

이것은 문자열 "i<10"에 '<'가 포함되어 있기 때문입니다. XML 태그를 시작하는 데 사용되는 문자입니다. 브라우저는 이를 태그로 해석하려고 시도하여 스크립트가 실패하게 됩니다.

CDATA 섹션 사용 방법

이 문제를 방지하려면 JavaScript 코드를 CDATA 섹션에 래핑하면 됩니다. 다음과 같습니다:

<script type="text/javascript">
//<![CDATA[
>>> i<10
//]]>
</script>

CDATA 섹션은 브라우저에게 '' 사이의 모든 내용을 무시하도록 지시합니다. 마커를 마크업으로 사용하여 JavaScript 코드가 올바르게 실행되도록 합니다.

외부 스크립트에 대한 참고 사항

외부 소스 파일에 저장된 JavaScript 코드에는 CDATA 섹션이 필요하지 않다는 점에 유의하는 것이 중요합니다. 이는 브라우저가 주변 마크업에 관계없이 항상 외부 스크립트를 문자 데이터로 처리하기 때문입니다.

위 내용은 언제, 왜 스크립트 태그에 CDATA 섹션을 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.