현재 거의 모든 웹 브라우저가 JavaScript를 기본적으로 지원하고 있지만, 일부 사용자는 보안상의 이유나 개인 설정 때문에 JavaScript를 비활성화할 수 있습니다. 이러한 상황에 대비하려면 HTML의 <noscript> 태그를 활용하는 것이 좋습니다.
<noscript> 태그란 무엇인가?
<noscript> 태그는 <script> 태그는 인식하지만 실제로 스크립트를 실행할 수 없는 브라우저, 또는 사용자가 JavaScript를 꺼둔 환경에서 대체 텍스트 메시지를 표시하기 위해 사용됩니다. 즉, JavaScript가 작동하지 않을 때 방문자에게 친절하게 상황을 안내할 수 있는 유용한 도구입니다.
기본 사용 예제
<!DOCTYPE html>
<html>
<head>
<title>HTML noscript Tag</title>
</head>
<body>
<script type = "text/JavaScript">
<!--
document.write("Hello JavaScript!")
-->
</script>
<noscript>
Your browser does not support JavaScript!
</noscript>
</body>
</html>
위 예제에서는 JavaScript가 정상적으로 작동하는 브라우저에서는 화면에 "Hello JavaScript!"가 출력되고, 반대로 JavaScript가 꺼져 있거나 지원되지 않는 브라우저에서는 <noscript> 태그 안의 메시지인 "Your browser does not support JavaScript!"가 대신 표시됩니다.
noscript 태그 활용 시 알아두면 좋은 점
<noscript>태그는<body>뿐만 아니라<head>안에도 배치할 수 있습니다.- JavaScript에 의존하는 콘텐츠가 많다면, 대체 메시지에 사이트의 핵심 정보나 안내 링크를 함께 제공하면 사용자 경험이 크게 향상됩니다.
- 최신 브라우저에서는 JavaScript가 기본적으로 활성화되어 있지만, 보안 확장 프로그램이나 브라우저 설정에 의해 차단될 수 있으므로 항상 대비하는 것이 좋습니다.