<스크립트>
HTML <script> 태그
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
브라우저 지원
모든 주요 브라우저 <script> 태그를 지원합니다.
태그 정의 및 사용 지침
<script> 태그는 JavaScript와 같은 클라이언트 측 스크립트를 정의하는 데 사용됩니다.
<script> 요소는 스크립트 문을 포함하거나 "src" 속성을 통해 외부 스크립트 파일을 가리킬 수 있습니다.
JavaScript는 일반적으로 이미지 조작, 양식 유효성 검사 및 동적 콘텐츠 변경에 사용됩니다.
팁 및 참고사항
참고: "src" 속성을 사용하는 경우 <script> 요소는 비어 있어야 합니다.
팁: 브라우저에서 스크립팅을 비활성화했거나 브라우저가 클라이언트측 스크립팅을 지원하지 않는 사용자에게 유용한 <noscript> 요소를 참조하세요.
참고: 외부 스크립트를 실행하는 방법은 여러 가지가 있습니다.
- async="async"인 경우: 스크립트는 페이지의 나머지 부분에 대해 비동기적으로 실행됩니다(페이지가 계속 구문 분석되는 동안 스크립트가 실행됩니다) )
- async가 사용되지 않고 defer="defer"인 경우: 페이지 구문 분석이 완료되면 스크립트가 실행됩니다.
- async와 defer가 모두 사용되지 않는 경우: 브라우저가 구문 분석을 계속하기 직전에 스크립트를 읽고 실행합니다. 페이지
HTML 4.01과 HTML5의 차이점
HTML 4에서는 "type" 속성이 필수이지만 HTML5에서는 선택 사항입니다.
"async" 속성은 HTML5의 새로운 기능입니다.
HTML 4.01의 일부 속성("xml:space")은 HTML5에서 더 이상 지원되지 않습니다.
HTML과 XHTML의 차이점
XHTML에서는 스크립트의 콘텐츠 유형이 #PCDATA(CDATA 대신)로 선언되는데, 이는 엔터티가 구문 분석된다는 의미입니다.
이는 XHTML에서 모든 특수 문자를 인코딩해야 하거나 모든 것이 CDATA 섹션에 중첩되어야 함을 의미합니다.
<script type="text/javascript">
//<![ CDATA[
var i=10;
if (i<5)
{
// 일부 코드
}
//]]>
</script>
//<![ CDATA[
var i=10;
if (i<5)
{
// 일부 코드
}
//]]>
</script>
Attributes
New: HTML5의 새로운 속성.
| Property | Value | Description |
|---|---|---|
| asyncNew | async | 스크립트를 비동기적으로 실행하도록 지정합니다(외부 스크립트에만 해당). |
| charset | charset | 스크립트에 사용되는 문자 인코딩을 지정합니다(외부 스크립트에만 해당). |
| defer | defer | 은 페이지 구문 분석이 완료되면 스크립트가 실행되도록 지정합니다(외부 스크립트에만 적용됨). |
| src | URL | 외부 스크립트의 URL을 지정합니다. |
| type | MIME-type | 스크립트의 MIME 유형을 지정합니다. |
| xml:space | preserve | HTML5는 지원되지 않습니다. 코드에서 공백을 유지할지 여부를 지정합니다. |
전역 속성
<script> 태그는 HTML 전역 속성을 지원합니다.
관련 기사
HTML 튜토리얼: HTML 스크립트
