목차
Script 태그란
HTML5의 <script> 태그는 HTML 문서 내에 JavaScript와 같은 스크립트를 포함하는 데 사용됩니다. 스크립트는 HTML 파일에 직접 작성하거나 src 속성을 사용하여 외부 파일에서 포함할 수 있습니다.
다음은 <script> 태그를 사용하여 JavaScript 파일을 포함하는 방법의 예입니다.
<script src="script.js"></script>
이 예에서 src 속성은 JavaScript 파일의 위치를 지정합니다. 파일이 현재 웹 페이지와 동일한 웹 사이트에 있는지 여부에 따라 절대 또는 상대 URL이 될 수 있습니다.
<script> 태그를 사용하여 HTML 파일에 직접 스크립트를 포함할 수도 있습니다.
<script>
function greet() {
alert("Hello!");
}
</script>
<script> 태그는 다음과 같은 다른 속성도 가질 수 있습니다.
- type: "text/javascript"와 같은 스크립트 유형을 지정합니다.
- async : 스크립트가 비동기적으로 실행되어야 함을 지정합니다.
- defer : 페이지가 구문 분석을 마친 후 스크립트를 실행하도록 지정합니다.
스크립트가 실행되어야 하는 시기에 따라 스크립트 태그가 HTML 문서의 적절한 위치에 배치되어야 한다는 점에 유의하는 것이 중요합니다. 페이지가 올바르게 작동하기 위해 스크립트가 필수적인 경우 HTML 문서의 <head> 섹션에 배치해야 합니다. 스크립트가 필수적이지 않고 페이지 로드가 완료된 후 실행할 수 있는 경우 <body> 섹션 끝에 배치할 수 있습니다.
<script> 태그는 스크립트를 포함하는 데 사용되며 상호 작용을 추가하거나 페이지의 내용을 조작하거나 더 동적으로 만드는 데 사용할 수 있습니다. 이는 개발자가 웹 페이지에 기능을 추가할 수 있게 해주는 강력한 도구이지만 페이지를 느리게 만들거나 접근성에 영향을 미칠 수 있으므로 주의해서 사용해야 합니다.
HTML5의 다른 글