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