<script> 태그에 지정된 텍스트 / 자바 스크립트가 필요합니까?

나는 당신이 더 이상 스크립트 태그에 type="text/javascript"이상 CDATA하고 이상한 것을 필요로하지 않는 곳을 읽었습니다 <!--. 따라서 대신 :

<script type="text/javascript">
//<![CDATA[
<!--

    //your script here

-->
//]]>
</script>

당신은 단지 할 것입니다 :

<script>
    //your script here
</script>

나는 이것을 어디에서 읽었는지 기억할 수 없다. 그것은 내가 생각하는 Google 또는 Yahoo 엔지니어의 것이었고, 그들은 이러한 브라우저가 왜 고풍스러운 구성을 필요로했는지에 대해 언급했습니다. 누구든지이 블로그에 대해 어떤 블로그 게시물 / 기사에 대해 알고 있었는지, 또는 이에 대한 좋은 리소스를 가지고 있습니까?

태그 에서 Crockford의 글을<script> 참조하십시오 .

<!-- //-->스크립트와 함께 핵을 사용하지 마십시오 . 이 스크립트는 1 세대 브라우저 Netscape 1 및 Mosaic에서 스크립트가 텍스트로 표시되지 않도록하기위한 것입니다. 수년 동안 필요하지 않았습니다. <!-- //-->HTML 주석을 표시해야합니다. 주석은 컴파일 및 실행이 아닌 무시되어야합니다. 또한 HTML 주석은 포함하지 않으므로 --감소하는 스크립트에는 HTML 오류가 있습니다.

...

type="text/javascript"

이 속성은 선택 사항입니다. Netscape 2부터 모든 브라우저의 기본 프로그래밍 언어는 JavaScript입니다. XHTML에서는이 속성이 필요하고 불필요합니다. HTML에서는 생략하는 것이 좋습니다. 브라우저는 수행 할 작업을 알고 있습니다.

그것은이다 크록 포드의 추천. 나는 그것이 다른 곳에서 울리는 것을 보았습니다. HTML5 사양에는 필요하지 않습니다.

이상하게도 "type"속성을 사용하여 평가하고 싶지 않은 블록 을 표시하는 것은 다소 당혹스러운 일 이되었습니다.<script>

<script type='text/html-template'>
  <div> this is a template </div>
</script>

Javascript가 아닌 이상한 유형을 제공하면 다른 JavaScript 코드 (아마도 평가할 수 있는 스크립트 블록에 있음)에서 사용할 수 있도록 원시 텍스트를 페이지에 넣을 수 있습니다.

HTML5에는 필요하지 않습니다 type="text/javascript"(기본값).

CDATA 스크립트에 HTML 문자 (예 : '<'및 '>')가 있으면 XHTML 페이지에만 필요합니다.

<!-- OLD 브라우저에만 필요합니다.

글쎄, 나는 text/javascript더 이상 아무도 사용 하지 않으며, 축소 도구조차도 아마도 그것을 제거 할 것이라고 말하고 싶어한다 ... 실제로 Facebook SDK 문서 는<script> .

그러나 Google SDK 설명서 에는 여전히가 text/javascript있습니다.

Amazon SDK 설명서 에는 여전히가 text/javascript있습니다.

Linkedin API 설명서 에는 여전히 text/javascript.

Instagram 은 여전히을 사용하고 text/javascript있습니다.

유형 속성은 스크립트 요소에 포함하거나 요소의 src 속성을 통해 참조 코드의 스크립트 언어를 식별합니다. 이것은 MIME 유형으로 지정됩니다. 지원되는 MIME 유형의 예로는 text / javascript, text / ecmascript, application / javascript 및 application / ecmascript가 있습니다.

에 따르면 HTML 4.01 사양

유형의 속성은 요소의 내용의 스크립트 언어를 지정하고 기본 스크립트 언어를 대체합니다. 스크립팅 언어는 컨텐츠 유형 (예 : "text / javascript")으로 지정됩니다. 작성자는이 속성에 값을 제공해야합니다. 이 속성에는 기본값이 없습니다.

그러나 HTML5 text/javascript 에서는 기본 유형이므로 생략 할 수 있습니다.

유형의 속성은 데이터의 스크립트 나 형식의 언어를 제공합니다. 속성이 존재하면 해당 값은 유효한 MIME 유형이어야합니다. 문자 세트 매개 변수를 지정하지 않아야합니다. 속성이없는 경우 사용되는 기본값은 "text / javascript"입니다.

HTML5가 아닌 브라우저는 텍스트 / 자바 스크립트를 거의 항상 추측 할지라도 여전히 스펙에 맞게 유형을 정의 할 것으로 기대하는 반면, HTML5에서는 스크립트가 기본적으로 텍스트 / 자바 스크립트로 기본 설정된다는 의존성 으로이 기사를 생각할 수 있습니다. .

그것은 속성이 script아니라 헤더를 기반으로 블록을 올바르게 해석하는 것은 브라우저에 달려 type있습니다. 따라서 귀하의 질문에 대답하기 위해 최신 브라우저에는 필요하지 않습니다 (IE7 +, FF, Webkit을 말하고 있습니다). 그보다 오래된 브라우저를 지원하는 경우 ... 죄송합니다 =)

당신은 스크립트 태그를 넣어하는 경우 SVG 안에 당신은 해야한다 type 속성을 지정합니다. 그리고 "text/ecmascript"오히려이어야 "text/javascript"합니다.

스크립트가 인라인 (링크되지 않음) 인 경우 스크립트 본문도 CDATA 선언으로 랩핑해야합니다. 따라서 SVG (및 기타 XML 변형)에 대한 인라인 스크립트 상용구 는

<script type="text/ecmascript">
<![CDATA[
// your javascript code goes here
]]>
</script>

이러한 경우는 '실제로'특수한 경우 일 수 있지만 실제로는 충분하며 SVG 사용이 증가하고 있으므로 다른 사람이 type 속성과 CDATA가 최신 브라우저에서 완전히 사용되지 않는다고 제안하는 것은 잘못입니다. 사용 사례는 좁지 만 아직 들어 본 적이 없습니다.

"환경을 반대 방향으로 바꾸면 모든 지혜가 어리 석음이됩니다." -애쉬 비

👉🏻 HTML5 사양은 작성자가 중복 MIME 유형을 제공하지 않고 속성을 생략 할 것을 촉구합니다. MDN

MIME 스니핑 표준 자바 스크립트는 어떤 MIME 타입 (사용하여 제공 될 수 있습니다 다목적 인터넷 메일 확장 다음과 일치) :

<script type="application/javascript"></script>
<script type="application/ecmascript"></script>

<script type="text/javascript"></script>
<script type="text/ecmascript"></script>

글쎄, 텍스트 / 자바 스크립트없이 더 많은 예제를 계속 보았지만 어떤 이유로 든 내 스크립트가 FF에서 작동하지 않습니다. 텍스트 / 자바 스크립트 선언을 유지하는 것이 좋습니다. 브라우저가 자바 스크립트를 끈 경우 CDATA 태그를 사용하면 웹 사이트에서 자바 스크립트가 일반 텍스트로 표시되지 않습니다. 개인적으로 나는 그 태그를 더 이상 사용하지 않고 더 이상 사용자가 없다고 생각하지 않으며 거기에 있다면 두뇌를 키울 수 있습니다 : P

type="text/javascript" : HTML 4 및 XHTML에 필요하지만 HTML5에 선택적입니다.

CDATA : XHTML에 필요합니다.

<!--: 아주 오래된 브라우저에서 JavaScript를 숨기는 데 사용됩니다. 예 : Netscape 1과 Internet Explorer 2는 더 이상 사용하지 않습니다.