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

From Wiki de Caballero
Jump to navigation Jump to search
Line 65: Line 65:
<code>&lt;html lang="es"&gt;</code>
<code>&lt;html lang="es"&gt;</code>


==Atributo name para &ld;a&gt;==
===Atributo name para &lt;a&gt;===
El atributo name para anchor no está soportado por html5, para eso hay que usar id. El id en cualquier etiqueta.
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.


[[Category:html]]
[[Category:html]]
[[Category:html5]]
[[Category:html5]]

Revision as of 01:16, 18 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>

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.