이 경우 CDATA 섹션을 사용해야합니까?

Question

나는이 코드에서 우연히 발견되었습니다.

//<![CDATA[ 
jQuery(function() { 
    jQuery('#gnb li a').each(function() { 
    if (jQuery(this).attr('href') === window.location.pathname) { 
     jQuery(this).addClass('on'); 
    } 
    if ("/seoul/timeline/" === window.location.pathname) { 
     jQuery('#home_item').addClass('on'); 
    } 

    }); 
}); 
//]]> 

그 당시 나는 CDATA 섹션에 대해 알지 못했습니다.

문자 그대로 태그 (예 : <script>.....</script>)을 검색하려고하므로 브라우저에서 오류가 발생하지 않습니다.

위 코드에서 아무 태그도 찾을 수 없습니다.

왜 CDATA 섹션을 사용합니까?

Answer 1

의도는 XHTML 문서 (XML 형식)의 자바 스크립트 내에서 <을 벗어날 필요가 없기 때문입니다. CDATA 섹션으로 묶인 경우 <은 < 문자로 처리됩니다.

HTML 자체가 CDATA 섹션을 인식하지 못하기 때문에 CDATA 시작 및 끝 토큰이 JS 주석에 포함됩니다. 공교롭게도, 당신이 게시 된 예 또는 시작하고 CDATA 섹션을 종료 두 개의 선없이 잘 작동 할 What is CDATA in HTML?

:

자세히를 들어, 비슷한 질문에 대답했다.