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.