Elemento noscript HTML

El elemento <noscript> define una sección de HTML que solo se muestra cuando:

El navegador no soporta JavaScript.
El usuario ha desactivado JavaScript manualmente.

Es una forma de asegurarte de que tu página siga siendo funcional, incluso sin scripts.

¿Cómo usar `<noscript>`?

Ejemplo 1: Mensaje alternativo

Si tu página depende de JavaScript, puedes avisar al usuario con un mensaje:

<script>
  document.write("¡Bienvenido! JavaScript está activado.");
</script>
<noscript>
  <p>⚠️ ¡Tu navegador no soporta JavaScript o está desactivado!</p>
</noscript>

Resultados:

Con JavaScript activado: Se muestra "¡Bienvenido! JavaScript está activado."
Con JavaScript desactivado: Se muestra el mensaje dentro de <noscript>.

Ejemplo 2: Enlace alternativo

Si tu script carga contenido dinámico, puedes ofrecer una alternativa:

<noscript>
  <a href="https://www.ejemplo.com/version-sin-js">Ver versión sin JavaScript</a>
</noscript>

Atributos y Reglas de Uso

Atributos admitidos
<noscript> solo soporta atributos globales (como class, id, style, etc.).

¿Dónde colocarlo?

En el <body>: Puede contener cualquier elemento HTML (párrafos, enlaces, imágenes).
En el <head>: Solo puede contener <link>, <style> y <meta>.

Nota

¡Importante! No anides `noscript` dentro de otro `noscript`

Elemento script en HTML

El elemento <script> en HTML se utiliza para insertar código...

Headings (encabezados) en HTML

Aprende a usar los encabezados en HTML para estructurar tu c...

Referencias

W3Schools. HTML <noscript> Tag. https://www.w3schools.com/tags/tag_noscript.asp

MDN Developers. <noscript> The Noscript element. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script

Elemento noscript HTML