컴퓨터과학/HTML5

[ HTML5 ] Script 태그란? 스크립트 태그 예시

InfHo 2023. 1. 16. 12:52

목차

     

    script-태그-예시
    script 태그 예시

    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의 다른 글

     

    '컴퓨터과학/HTML5' 카테고리의 글 목록

    모든 분야의 정보를 담고 있는 정보의 호텔입니다.

    jkcb.tistory.com