Ejemplo de HTML5 válido

From Wiki de Flat Estrategia Digital
Jump to: navigation, search

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

Código de ejemplo que valida usando The W3C Markup Validation Service.

<!DOCTYPE html>
<!--
//*****************************************************************
//	By Flat Estrategia Digital <http://www.flat.cl/>
//	<contacto@flat.cl>
//	Created By: Felipe Caballero, Nov 15, 2013
//		Descripción:
//	Esto es un ejemplo de html5 que valida usando el validador de W3:
//		https://validator.w3.org/
//*****************************************************************
-->
<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>

Código minimalista

Código minimalista de ejemplo que valida usando The W3C Markup Validation Service.

<!DOCTYPE html>
<html>
	<head>
		<title>El título</title>
	</head>
	<body>
		Esto es el body.
	</body>
</html>

Atributos especiales

lang

Se puede especificar el idioma en la etiqueta html. <html lang="es">

Atributo name para <a>

El atributo name para anchor no está soportado por html5, para eso hay que usar id. El id en cualquier etiqueta.

img, alt

Es importante agregar alt a img para que valide.

Referencias

Facebook Comments