HTML/태그/script

< HTML
Devicon-html5-plain-wordmark.svg
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>

각주[편집 / 원본 편집]

  1. HTML5 이전에는 반드시 타입 지정을 해야 하지만, HTML5에서는 기본값이 "text/javascript"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.
• 현재 페이지 URL 줄이기