<noscript> 태그

<noscript> 태그는 사용자의 웹 브라우저에서 자바스크립트(JavaScript)가 비활성화되어 있거나 지원되지 않는 경우에만 표시되는 콘텐츠를 제공합니다. 이 태그는 자바스크립트가 필요한 웹사이트 또는 웹 애플리케이션을 개발할 때 중요한 역할을 합니다. 이 태그 안에는 다른 HTML 태그를 포함할 수 있으며, 일반적으로 아래와 같은 내용을 포함합니다.

<noscript>
    <div style="color: red;">
        <p>JavaScript is disabled in your browser. Some features of this website may not work properly.</p>
    </div>
</noscript>

 

<noscript> 태그 안에는 <div>, <p> 태그 뿐아니라 <style> 도 넣을 수 있습니다.

<noscript>
  <div class="sanity-app-no-js__root">
        <div class="sanity-app-no-js__content">
          <style type="text/css">
            .sanity-app-no-js__root {
              position: absolute;
              top: 0;
              right: 0;
              left: 0;
              bottom: 0;
              background: #fff;
            }
            .sanity-app-no-js__content {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              text-align: center;
              font-family: helvetica, arial, sans-serif;
            }
          </style>
          <h1>JavaScript disabled</h1>
          <p>
            Please <a href="https://www.enable-javascript.com/">enable JavaScript</a> in your
            browser and reload the page to proceed.
          </p>
        </div>
      </div>
  </noscript>