HTML에서 <noscript> 태그를 사용하면 noscript 섹션을 추가할 수 있습니다. 이 태그는 <script> 태그는 인식하지만 실제로는 스크립트 실행을 지원하지 않는 브라우저를 처리하기 위해 사용됩니다. 즉, 자바스크립트가 비활성화되어 있거나 지원되지 않는 환경에서 방문자에게 대체 텍스트 메시지를 보여주는 역할을 합니다.
noscript 태그의 동작 원리
<noscript> 태그 안에 작성한 내용은 다음과 같은 경우에만 화면에 표시됩니다.
- 브라우저가 자바스크립트를 아예 지원하지 않는 경우
- 사용자가 브라우저 설정에서 스크립트 실행을 비활성화한 경우
반대로 자바스크립트가 정상적으로 작동하는 환경에서는 <noscript> 내부의 내용이 무시되므로, 일반적인 사용자에게는 아무런 영향을 주지 않습니다.
사용 예제
아래 코드를 실행하면 noscript 섹션이 어떻게 작동하는지 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML noscript Tag</title>
</head>
<body>
<script>
<!--
document.write("Hello JavaScript!")
-->
</script>
<noscript>
Your browser does not support JavaScript!
</noscript>
</body>
</html>활용 팁
실무에서는 단순한 안내 문구 외에도, 자바스크립트에 의존하는 기능(동적 메뉴, 차트, 폼 검증 등)을 사용하는 페이지에서 <noscript>를 활용해 대안 링크나 정적 콘텐츠를 제공하면 접근성과 사용자 경험을 크게 향상시킬 수 있습니다. 또한 웹 접근성(Web Accessibility) 관점에서도 스크립트 미지원 환경을 고려한 대체 콘텐츠 제공은 권장되는 사항입니다.