Difference between revisions of "Ejemplo de HTML5 válido"

From Wiki de Caballero
Jump to navigation Jump to search
Line 1: Line 1:
Este es un ejemplo de HTML5 validado usando el [http://validator.w3.org/ ''validador''] de [http://www.w3.org/ W3C (World Wide Web Consortium)].
Este es un ejemplo de HTML5 validado usando el [http://validator.w3.org/ ''validador''] de [http://www.w3.org/ W3C (World Wide Web Consortium)].
Se pueden ver [[HTML5, Algunos tips]] para trabajar con html5.


==Código==
==Código==

Revision as of 23:20, 17 May 2016

Este es un ejemplo de HTML5 validado usando el validador de W3C (World Wide Web Consortium).

Se pueden ver HTML5, Algunos tips para trabajar con html5.

Código

<!DOCTYPE html>
<!--
//*****************************************************************
//	By Flat Estrategia Digital <http://www.flat.cl/>
//	<contacto@flat.cl>
//	Created By: Felipe Caballero, Nov 15, 2013
//		Description:
//	...
//*****************************************************************
-->
<html>
	<head>
		<!-- título -->
		<title>El título</title>

		<!-- meta -->
		<meta charset="utf-8" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="Flat Estrategia Ditial <http://www.flat.cl/>" />

		<!-- archivo de javascript externo ubicado en el mismo directorio que este html -->
		<script src="javascript.js"></script>

		<!-- javascript embebido -->
		<script>
			alert('Cargando página...'); // Muestra una alerta al cargar esta línea de código
		</script>

		<!-- archivo de css externo ubicado en el mismo directorio que este html  -->
		<link rel="stylesheet" href="css.css" />

		<!-- css embebido -->
		<style>
			h1 {
				color: red;
			}
		</style>

	</head>
	<body>

		<h1>Esto es un h1</h1>

		<!-- noscript para mostrar contenido si no está activado el JavaScript:
               para funcionar tiene que tener adentro uno de los siguientes tags:
               "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del".
               Estos tags son elementos "display: block".
		-->
		<noscript><h1>Esto NO aparece en un browser con javascript activo</h1></noscript>

	</body>
</html>