HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <script> 태그

HTML <script> 태그는 클라이언트 스크립트(예: JavaScript)를 삽입하거나 참조하는 데 사용됩니다. 이 태그는 일반적으로 <script> 요소라고도 합니다. 주의: 시작 태그와 종료 태그는 누락될 수 없습니다.

온라인 예제

JavaScript를 통해 "HTML5 Script Tag Example"：

예제

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">-8">　
<title>HTML　script　tag　usage(기본 가이드 웹 oldtoolbag.com)</title>　
<!--　HTML4　and　(x)HTML　-->
<script　type="text"/javascript"　src="functions.js">
<!--　HTML5　-->
<script　src="/js/functions.js"></script>
</head>
<body>
<script　type="text"/javascript">
　　document.write("HTML5　Script　Tag　Example");</script>
</body>
</html>

테스트를 해보세요 ‹/›

이 HTML5문档 예제에서는 <head> 태그 내에서 <script> 태그를 사용하여 functions.js라는 JavaScript 파일을 참조했습니다. 또한 <body> 태그 내에서 <script> 태그를 사용하여 "HTML" 텍스트를 출력했습니다.5스크립트 태그 예제.

주의하세요:type="text/javascript" HTML5문档에서 <script> 태그는 필요하지 않습니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저는 <script> 태그를 지원합니다.

태그 정의 및 사용 설명

JavaScript는 일반적으로 이미지 처리, 폼 검증 및 동적 내용 변경에 사용됩니다.

추가적인 정보 및 주의사항:

주의:"src" 속성을 사용하면 <script> 요소는 비어야 합니다.

주의::시작 태그와 종료 태그 모두 생략할 수 없습니다.

주의사항:추가적인 정보: 참조: <noscript>

noscript 요소는 스크립트를 비활성화한 사용자나 클라이언트 스크립트를 지원하지 않는 브라우저의 사용자에게 매우 유용합니다. 주의:

외부 스크립트를 실행하는 방법이 여러 가지 있습니다:
async="async"를 사용하면: 스크립트는 페이지의 나머지 부분에 비해 비동기적으로 실행됩니다( 페이지가 계속解析될 때 스크립트가 실행됩니다)
async를 사용하지 않고 defer="defer"를 사용하면: 페이지가 완전히解析되면 스크립트가 실행됩니다

HTML 4.01 만약 async와 defer를 사용하지 않는다면: 브라우저가 페이지를 계속解析하기 전에 즉시 읽고 실행합니다5와의 차이

에서의 차이 4 에서는 "type" 속성이 필수적이지만, HTML5 에서 선택 사항입니다.

"async" 속성은 HTML5 속성에 새로운 속성이 있습니다.

HTML5 에서 HTML을 더 이상 지원하지 않습니다 4.01 중에서 일부 속성: "xml:space".

HTML과 XHTML 간의 차이

XHTML에서 스크립트의 내용 유형 선언은 #PCDATA(CDATA 대신)로, 이는 엔티티를 해석할 것입니다.

이렇게 하면 XHTML에서 모든 특수 문자를 인코딩해야하거나 모든 내용을 CDATA 부분에 포함해야 합니다:

<script　type="text"/javascript">
//<![CDATA[
var　i=10;
if　(i<5)
{
　　　　//　코드 내용
}
//]]>
</script>

속성

New　：HTML5 속성에 새로운 속성이 있습니다.

속성	값	설명
asyncHTML5	async	스크립트를 동기적으로 실행합니다(외부 스크립트에만 적용됩니다).
charset	charset	스크립트에서 사용하는 문자编码을 정의합니다(외부 스크립트에만 적용됩니다).
defer	defer	페이지가 완전히 분석된 후 스크립트를 실행합니다(외부 스크립트에만 적용됩니다).
src	URL	외부 스크립트의 URL을 정의합니다.
type	MIME-type	스크립트의 MIME 유형을 정의합니다. text/javascript text/ecmascript application/javascript application/ecmascript
xml:space	preserve	HTML5 지원하지 않습니다. 코드 내 공백을 유지할지 여부를 정의합니다.

전역 속성