Los Nuevos Elementos HTML5

HTML5 ofrece nuevas etiquetas para mejorar la estructura del documento:

Etiqueta	Descripción
<article>	Define un artículo de un documento.
<aside>	Define contenido aparte del contenido de Página.
<bdi>	Aisla una parte de texto que podría formateada en una dirección diferente de otro texto fuera de el.
<details>	Define detalles adicionales para el usuario puede ver y ocultar.
<dialog>	Define una caja o ventana de dialogo.
<figcaption>	Define una captura (titulo o descripción) para un elemento <figure>.
<figure>	Define el contenido (o marco) de una imagen.
<footer>	Define un pie de página para un documento o sección.
<header>	Define un encabezado para un documento o sección.
<main>	Define el contenido principal de un documento.
<mark>	Define un texto marcado o resaltado.
<meter>	Define una escala de medición dentro del rango (un indicador).
<nav>	Define ligas o enlaces de navegación.
<progress>	Representa el proceso de una tarea.
<rp>	Define una traducción o pronunciación de caracteres para tipografía de Asia Oriental.
<rubi>	Define una notación de rubí para tipografía de Asia Oriental.
<section>	Define una sección de un documento.
<summary>	Define un encabezado visible para un elemento <details>.
<time>	Define un date/time.
<wbr>	Define un posible salto de línea.

Nuevos Elementos Form HTML5

Etiqueta	Descripción
<datalist>	Especifica una lista de opciones predefinados para controles de entrada.
<output>	Define el resultado de un cálculo.

Nuevos Tipos Input HTML5

Nuevos tipos Input	Nuevos atributos Input
color	autocomplete
date	autofocus
datetime	form
datetime-local	formaction
email	formenctype
month	formmethod
number	formnovalidate
range	formtarget
search	height and width
tel	list
time	min and max
url	multiple
week	pattern (regexp)
	placeholder
	required
	step

Nueva Sintaxis para Atributos HTML5

HTML5 permite cuatro diferentes sintaxis para los atributos. Los siguientes ejemplos demuestran las diferentes sintaxis usadas en una etiqueta input:

Tipo	Ejemplo
Vacío	<input type="text" value="Ciudad" disabled>
Sin comillas	<input type="text" value=Ciudad>
Doble Comillas	<input type="text" value="Ciudad">
Comillas Simple	<input type="text" value='Ciudad'>

En HTML5, las cuatro sintaxis pueden ser usadas, dependiendo de lo que se necesite en el atributo.

Nuevos Elementos Gráficos HTML5

Etiqueta	Descripción
<canvas>	Dibuja gráficos sobre la marcha a través de secuencia de comandos, generalmente en javascript.
<svg>	Dibuja gráficos vectoriales escalables.

Nuevos Elementos Media HTML5

Etiqueta	Descripción
<audio>	Define un contenido de sonido.
<embed>	Define un contenedor para una aplicación externa (no HTML).
<source>	Define múltiples recursos para elementos multimedia como: <audio> y <video>.
<track>	Define una pista de texto para elementos multimedia como: <audio> y <video>.
<video>	Define un contenido de video o película.