<script> 태그

HTML 에서 <script> 태그를 만나면 브라우저는 <script> ... </script> 내부 처리를 자동으로 진행한다.

 

script 태그의 유물

1. <script type=....>

• HTML4 에서 스크립트 타입을 명시했어야 했던 전통이 있었음. 이제는 굳이 X
• 모던 HTML(HTML5) 에선 type 의 의미가 바뀌었음. 

2. <script language=...>

• 현재 사용되는 스크립트 언어를 나타냄.
• 마찬가지로 예전에 쓰던 것. 지금은 JS가 default 이므로 더는 사용하지 않음.

3. <script tpye="text/javascript"><!-- .... //--></script>

• 예전에는 script 태그를 처리하지 못하는 브라우저가 있었고, 이런 경우 스크립트를 읽지 못하도록 주석처리를 했음.
• 현재는 모든 브라우저가 script 를 지원함.

 

script 쪼개기(외부 스크립트 사용하기)

javascript 코드 양이 길어지면, 다른 언어나 프레임워크가 그러하듯 파일을 쪼개어 저장할 수 있음.

HTML 안에 스크립트를 그냥 작성하는 것은 아주 간단할 때 사용함.

이처럼 쪼개서 사용하면 브라우저가 캐시에 스크립트를 저장해두기에 속도가 빨라지고, 트래픽이 절약됨.

<script src="/path/to/script1.js></script>
<script src="/path/to/script2.js></script>
<script src="/path/to/script3.js></script>

 

• src 속성을 사용하여 HTML에 삽입.
  • src의 경로는 script 파일의 절대경로를 나타냄. (단, 상대경로도 가능)
  • URL 전체를 속성으로 사용할 수도 있음.
• 위와 같이 복수의 스크립트를 삽입할 수 있음.
• src 속성을 사용하면, 태그 내부의 코드는 무시됨.