HTML의 다양한 태그들 | ||||
---|---|---|---|---|
기본 태그 | <html> 태그 | <head> 태그 | <body> 태그 | <footer> 태그 |
불러오기 태그 | <iframe>태그 | <script>태그 | <link>태그 | <img>태그 |
줄(Line) 관련 태그 | <br>태그 | <hr>태그 | ||
글자 태그 | <a>태그 | <h(1~6)>태그 | <p>태그 | |
<b>태그 | <i>태그 | <small>태그 | ||
<sub>태그 | <sup>태그 | <ins>태그 | ||
<del>태그 | <s>태그 | |||
목록 태그 | <ui>태그 | <li>태그 | ||
목록 태그 | <ui>태그 | <li>태그 |
이 태그는[편집 / 원본 편집]
HTML에서 사용되는 태그로, 스크립트를 정의하는 태그이다. 클라이언트 스크립트를 정의하며, 보통은 자바스크립트를 사용한다.
사용법[편집 / 원본 편집]
외부에서 불러오지 않고 사용[편집 / 원본 편집]
<script>
alert('알림');
</script>
위와 같이 사용하면, '알림' 이라는 경고창이 뜬다.
기본적으로 script 태그의 속성은 "text/javascript"이다. 따라서 자바스크립트를 사용시 생략해도 무관하다.[1]
결국...
<script></script>
사이에 스크립트 명령어를 넣으면 스크립트를 사용할 수 있다.
외부에서 불러와 사용[편집 / 원본 편집]
HTML 내부에 넣는 것이 아닌 외부에 있는 스크립트 파일을 불러와 사용 할 수 있다.
보통 협업을 해야하는 경우나, 스크립트 부분의 내용이 많은 경우에는 분리해 사용한다.
script 태그 뒤에 src를 붙혀 사용하면 되며, 상대경로, 절대경로 둘 다 사용이 가능하고, 웹상에 있는 파일도 사용이 가능하다.
이렇게 쓰면 된다.
<script src="test.js"></script>
<script src="../test.js"></script>
<script src="https://common.gaon.xyz/js/bootstrap/bootstrap.js"></script>
각주[편집 / 원본 편집]
- ↑ HTML5 이전에는 반드시 타입 지정을 해야 하지만, HTML5에서는 기본값이 "text/javascript"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.