편집토론문서 역사

HTML/태그/script: 두 판 사이의 차이

< HTML
다음 편집 →
시각위키텍스트
imported>Gaon12
편집 요약 없음
 
Gaon12 (토론 / 기여)
2,442 편집
m 순번 제거
2번째 줄: 2번째 줄:


==이 태그는==
==이 태그는==
# [[HTML]]에서 사용되는 태그로, 스크립트를 정의하는 태그
[[HTML]]에서 사용되는 태그로, 스크립트를 정의하는 태그이다. 클라이언트 스크립트를 정의하며, 보통은 [[자바스크립트]]를 사용한다.
# 클라이언트 스크립트를 정의하며, 보통은 [[자바스크립트]]를 사용한다.


==사용법==
==사용법==
12번째 줄: 11번째 줄:
</script>
</script>
</syntaxhighlight>
</syntaxhighlight>
# 위와 같이 사용하면, '알림' 이라는 경고창이 뜬다.
 
# 기본적으로 script 태그의 속성은 "text/javascript"이다. 따라서 자바스크립트를 사용시 생략해도 무관하다.<ref>HTML5 이전에는 반드시 타입 지정을 했었어야 했지만, HTML5에서는 기본값이 "text/javascript"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.</ref>
위와 같이 사용하면, '알림' 이라는 경고창이 뜬다.
# 결국...
 
기본적으로 script 태그의 속성은 "text/javascript"이다. 따라서 자바스크립트를 사용시 생략해도 무관하다.<ref>HTML5 이전에는 반드시 타입 지정을 해야 하지만, HTML5에서는 기본값이 "text/javascript"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.</ref>
 
결국...
<syntaxhighlight lang="HTML"><script></script></syntaxhighlight> 사이에 스크립트 명령어를 넣으면 스크립트를 사용할 수 있다.
<syntaxhighlight lang="HTML"><script></script></syntaxhighlight> 사이에 스크립트 명령어를 넣으면 스크립트를 사용할 수 있다.


===외부에서 불러와 사용===
===외부에서 불러와 사용===
# HTML 내부에 넣는 것이 아닌 외부에 있는 스크립트 파일을 불러와 사용 할 수 있다.
HTML 내부에 넣는 것이 아닌 외부에 있는 스크립트 파일을 불러와 사용 할 수 있다.
# 보통 협업을 해야하는 경우나, 스크립트 부분의 내용이 많은 경우에는 분리해 사용한다.
 
# script 태그 뒤에 '''src'''를 붙혀 사용하면 된다.
보통 협업을 해야하는 경우나, 스크립트 부분의 내용이 많은 경우에는 분리해 사용한다.
# 상대경로, 절대경로 둘 다 사용이 가능하며, 웹상에 있는 파일도 사용이 가능하다.
 
# 이렇게 쓰면 된다.
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> <main> <footer>
메타데이터 <title> <meta> <base> <link>
콘텐츠 구획 <header> <nav> <section> <article> <aside>
텍스트 콘텐츠 <h1>-<h6> <p> <div> <span> <pre>
텍스트 형식 <b> / <strong> <i> / <em> <small> <sub> / <sup> <mark>
수정 표시 <ins> <del> <s> <u>
목록 <ul> <ol> <li> <dl> <dt> / <dd>
표 <table> <thead> / <tbody> <tr> <th> <td>
멀티미디어 <img> <audio> <video> <canvas> <svg>
임베드 <iframe> <embed> <object> <param>
스크립트 <script> <noscript> <template> <slot>
양식 <form> <input> <button> <select> / <option> <textarea>
구분선 <br> <hr>


이 태그는

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"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.