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>태그 |
이 태그는
사용법
외부에서 불러오지 않고 사용
<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"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.