[html] HTML5 스크립팅
HTML5는 웹 애플리케이션 및 웹 사이트를 개발하기 위한 강력한 기능들을 제공합니다. 이 기능들 중 하나가 스크립팅입니다. 스크립팅은 JavaScript를 사용하여 웹 페이지를 동적으로 조작하고 상호작용할 수 있도록 돕는 기술입니다.
스크립팅을 위한 <script> 태그
HTML5에서 스크립팅은 <script> 태그를 사용하여 구현됩니다. <script> 태그는 HTML 문서의 <head> 섹션이나 <body> 섹션에 포함될 수 있습니다. 아래는 예시 코드입니다.
<!DOCTYPE html>
<html>
<head>
<title>스크립팅 예시</title>
<script>
// JavaScript 코드 작성
function greet() {
alert('안녕하세요!');
}
</script>
</head>
<body>
<button onclick="greet()">인사하기</button>
</body>
</html>
위의 예시에서는 스크립트 태그 내부에 greet() 함수를 정의하고, 이를 호출하는 버튼이 <body> 섹션에 추가되었습니다.
외부 스크립트 파일 로드
또한, HTML5에서는 <script> 태그를 사용하여 외부 JavaScript 파일을 로드할 수 있습니다. 이를 통해 코드의 재사용성과 유지 보수성을 향상시킬 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>외부 스크립트 예시</title>
<script src="script.js"></script>
</head>
<body>
<button onclick="greet()">인사하기</button>
</body>
</html>
위의 예시에서는 script.js 파일을 <script> 태그를 사용하여 로드해왔습니다.
결론
HTML5는 스크립팅을 통해 웹 페이지의 동적 기능을 향상시키고 사용자 경험을 개선할 수 있도록 지원합니다. 스크립팅을 잘 활용하면 보다 효율적이고 인상적인 웹 애플리케이션을 개발할 수 있습니다.