eamexicano/ejemplo.html

## ejemplo.html
<!--
Cuando las etiquetas de script están en el cuerpo, el contenido del documento se empieza a visualizar un poco más rápido porque se manda llamar los archivos hasta después de cargar el contenido.

Un ejemplo que detiene la visualización del documento con una alerta de JS.

En realidad no se detiene la visualización pero se tarda un poco más* para mostrar el contenido.

* Dependiendo de otros factores.

Copiar y pegar cada html en un archivo y probar en un navegador.

-->


<!-- script en la cabeza -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset='utf-8'>
		<style>
			body {background: #eee; font-family: sans-serif; margin: 0 auto; width: 800px;}
		</style>
		<script>
			alert('¿ves algo de contenido en el DOM?');
		</script>
	</head>
	<body>
		<h1>Encabezado</h1>
		<p>El script se encuentra en el encabezado</p>
	</body>
</html>

<!-- script en el cuerpo -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset='utf-8'>
		<style>
			body {background: #eee; font-family: sans-serif; margin: 0 auto; width: 800px;}
		</style>
	</head>
	<body>
		<h1>Cuerpo</h1>
		<p>El script se encuentra en el cuerpo</p>
		<script>
			alert('¿ves contenido en el DOM?');
		</script>
	</body>
</html>
	<!--
	Cuando las etiquetas de script están en el cuerpo, el contenido del documento se empieza a visualizar un poco más rápido porque se manda llamar los archivos hasta después de cargar el contenido.

	Un ejemplo que detiene la visualización del documento con una alerta de JS.

	En realidad no se detiene la visualización pero se tarda un poco más* para mostrar el contenido.

	* Dependiendo de otros factores.

	Copiar y pegar cada html en un archivo y probar en un navegador.

	-->


	<!-- script en la cabeza -->
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8'>
	<style>
	body {background: #eee; font-family: sans-serif; margin: 0 auto; width: 800px;}
	</style>
	<script>
	alert('¿ves algo de contenido en el DOM?');
	</script>
	</head>
	<body>
	<h1>Encabezado</h1>
	<p>El script se encuentra en el encabezado</p>
	</body>
	</html>

	<!-- script en el cuerpo -->
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8'>
	<style>
	body {background: #eee; font-family: sans-serif; margin: 0 auto; width: 800px;}
	</style>
	</head>
	<body>
	<h1>Cuerpo</h1>
	<p>El script se encuentra en el cuerpo</p>
	<script>
	alert('¿ves contenido en el DOM?');
	</script>
	</body>
	</html>