HTML noscript 태그로 대체 메시지 표시하기
자바스크립트(JavaScript)를 지원하지 않는 웹 브라우저를 사용하는 방문자에게 안내 메시지를 보여주고 싶다면, HTML의 <noscript> 태그를 활용하면 됩니다.
<noscript> 태그는 <script> 태그 자체는 인식하지만 스크립트 실행 기능이 꺼져 있거나 지원되지 않는 브라우저 환경을 처리하기 위해 사용됩니다. 즉, 자바스크립트가 동작할 수 없는 상황에서 이 태그 안에 작성된 대체 텍스트가 화면에 출력됩니다.
기본 사용 예제
아래 예제는 자바스크립트가 정상적으로 작동하면 'Hello JavaScript!'라는 문구를 출력하고, 그렇지 않은 경우 'Your browser does not support JavaScript!'라는 경고 메시지를 대신 표시합니다.
<!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>활용 팁
실무에서는 단순한 영문 문구 대신 사용자 친화적인 한국어 안내문을 넣는 것이 좋습니다. 예를 들어 "사용 중인 브라우저에서는 자바스크립트가 비활성화되어 있습니다. 브라우저 설정에서 자바스크립트를 허용해 주세요."와 같이 구체적인 해결 방법을 함께 안내하면 사용자 경험이 크게 향상됩니다.