No. 12 de 22 de articulos. HTML5

Etiqueta <NOSCRIPT>

La etiqueta <noscript>, es complementaria de la anterior, ya que se utiliza para definir un contenido alternativo en el documento web, cuando el navegador no soporta la ejecución de scripts, o bien cuando los mismos están desactivados en el navegador que recibe el documento.

La etiqueta se puede utilizar dentro del encabezado del documento o bien en el cuerpo del mismo, dependiendo de su posición se suele utilizar de forma distinta. Normalmente si se utiliza en el encabezado del documento, es decir dentro de la etiqueta <head>, suele afectar a etiquetas como <link>, <style> y <meta>, de forma que permite realizar la carga alternativa de estos elementos en caso de que el navegador no permite la ejecución de scripts.

Por otra parte se suele utilizar dentro del cuerpo del documento para indicar que el navegador no permite la ejecución del script que se intenta ejecutar.

La etiqueta no tiene atributos y es soportada en la mayoría de navegadores, siendo su sintaxis la siguiente.

<noscript> Contenido a visualizar o cargar por el navegador </noscript>

El siguiente ejemplo muestra el uso de la etiqueta dentro de la sección de encabezado, visualizando un mensaje:

<!DOCTYPE HTML>
<html>
<head>
<title>Ejemplo etiqueta noscript</title>
<meta charset="utf-8" >
<base href="http://www.aprendoencasa.com/images/"/>
<meta name="author" content="Jose Saez"/>
<meta name="description" content="Ejercicios HTML5"/>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script defer src="simple2.js"></script>
<noscript>
<h1>Se requiere Javascript</h1>
<p>No se puede usar esta pagina sin Javascript</p>
</noscript>
</head>
<body>
<p>
Ejercicios y practicas de programación Web HTML5
</p>
<a href="http://www.aprendoencasa.com">Visite aprendoencasa.com</a>
<a href="page2.html">Pagina 2</a>
</body>
</html>

El ejercicio anterior y con JavaScript desactivado en el navegador ha de visualizar un resultado similar al de la imagen siguiente:

image

 

El siguiente ejemplo muestra el uso de la etiqueta dentro de la sección de encabezado, realizado una redirección a otro documento web en caso de no poder ejecutarse los scripts.

<!DOCTYPE HTML>
<html>
<head>
<title>Ejemplo etiqueta noscript</title>
<meta charset="utf-8" />
<base href="http://aprendoencasa.com/imagenes/"/>
<meta name="author" content="Jose Saez"/>
<meta name="description" content="Ejercicios y practicas"/>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script defer src="simple2.js"></script>
<noscript>
<meta http-equiv="refresh" content="0; http://www.aprendoencasa.com"/>
</noscript>
</head>
<body>
<p>
Ejercicios de programación HTML5
</p>
<a href="http://aprendoencasa.com">Visite Aprendoencasa.com</a>
<a href="page2.html">Pagina 2</a>
</body>
</html>
Navegacion SeriesAnterior en la serie...Siguiente en la serie...

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies