Elemento noscript

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento noscript es un contenedor para contenido alternativo a un bloque script que es mostrado cuando el soporte para programas se encuentra ausente o deshabilitado. El comportamiento y representación de este elemento varía de acuerdo a si la ejecución de programas está habilitada o no. Si la ejecución de programas está deshabilitada, este elemento representa a su contenido, de lo contrario, no representa nada y los navegadores lo ignoran completamente.

En general, un elemento noscript puede ser ubicado justo después del script al cual se supone ha de reemplazar cuando el soporte para la ejecución de programas está deshabilitado. Sin embargo, la creatividad del autor puede jugar un rol importante en la ubicación de este elemento, siempre y cuando se tenga en consideración el hecho de que este elemento será mostrado cuando los programas de la página no sean ejecutados.

Cuando es declarado en el bloque de encabezado (head), el elemento noscript no debe contener ningún elemento que no sea link, style y meta.

Ejemplos

En el siguiente ejemplo, crearemos un formulario para hacer una simple operación matemática. El programa (script) estará a cargo de calcular el producto entre los dos números y el bloque noscript mostrará un botón para enviar los valores al servidor y continuar el proceso allí. De este modo, la versión alternativa provista por el elemento noscript permitirá a los usuarios disfrutar de la página aún cuando el soporte para la ejecución de programas se encuentre ausente o deshabilitado.

Las funciones provistas en este ejemplo quedan fuera del enfoque de este sitio y no serán explicadas en este documento.

<form action="calcular-producto.php" target="_blank">
  <p>
    Calcular el producto:
    <input type="number" id="numero1" name="numero1" onchange="calcularProducto()"> x
    <input type="number" id="numero2" name="numero2" onchange="calcularProducto()">
    <output id="resultado"></output>
    <script>
      function calcularProducto() {
        var numero1 = parseFloat(document.getElementById('numero1').value),
            numero2 = parseFloat(document.getElementById('numero2').value),
            outputElement = document.getElementById('resultado');
        if(isNaN(numero1) || isNaN(numero2)) {
          outputElement.value = 'Error de entrada!';
        } else {
          outputElement.value = numero1 * numero2;
        }
      }
    </script>
    <noscript>
      <input type="submit" value="Calcular">
    </noscript>
  </p>
</form>

Calcular el producto: x

Atributos

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.

X

Estás buscando un lugar para alojar tu próximo sitio? Puedo ayudarte con eso!