imported>Gaon12 편집 요약 없음 |
m (순번 제거) |
||
| 2번째 줄: | 2번째 줄: | ||
==이 태그는== | ==이 태그는== | ||
[[HTML]]에서 사용되는 태그로, 스크립트를 정의하는 태그이다. 클라이언트 스크립트를 정의하며, 보통은 [[자바스크립트]]를 사용한다. | |||
==사용법== | ==사용법== | ||
| 12번째 줄: | 11번째 줄: | ||
</script> | </script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
위와 같이 사용하면, '알림' 이라는 경고창이 뜬다. | |||
기본적으로 script 태그의 속성은 "text/javascript"이다. 따라서 자바스크립트를 사용시 생략해도 무관하다.<ref>HTML5 이전에는 반드시 타입 지정을 해야 하지만, HTML5에서는 기본값이 "text/javascript"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.</ref> | |||
결국... | |||
<syntaxhighlight lang="HTML"><script></script></syntaxhighlight> 사이에 스크립트 명령어를 넣으면 스크립트를 사용할 수 있다. | <syntaxhighlight lang="HTML"><script></script></syntaxhighlight> 사이에 스크립트 명령어를 넣으면 스크립트를 사용할 수 있다. | ||
===외부에서 불러와 사용=== | ===외부에서 불러와 사용=== | ||
HTML 내부에 넣는 것이 아닌 외부에 있는 스크립트 파일을 불러와 사용 할 수 있다. | |||
보통 협업을 해야하는 경우나, 스크립트 부분의 내용이 많은 경우에는 분리해 사용한다. | |||
script 태그 뒤에 '''src'''를 붙혀 사용하면 되며, 상대경로, 절대경로 둘 다 사용이 가능하고, 웹상에 있는 파일도 사용이 가능하다. | |||
<syntaxhighlight lang="HTML"><script src="test.js"></script></syntaxhighlight> | |||
<syntaxhighlight lang="HTML"><script src="../test.js"></script></syntaxhighlight> | 이렇게 쓰면 된다. | ||
<syntaxhighlight lang="HTML"><script src="https://common.gaon.xyz/js/bootstrap/bootstrap.js"></script></syntaxhighlight> | <syntaxhighlight lang="HTML"> | ||
<script src="test.js"></script></syntaxhighlight> | |||
<syntaxhighlight lang="HTML"> | |||
<script src="../test.js"></script></syntaxhighlight> | |||
<syntaxhighlight lang="HTML"> | |||
<script src="https://common.gaon.xyz/js/bootstrap/bootstrap.js"></script> | |||
</syntaxhighlight> | |||
==각주== | ==각주== | ||
2021년 2월 22일 (월) 13:35 기준 최신판
| ||||
| 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"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.