Nuevos elementos en HTML5

Los cambios habidos en internet desde 1999 hacen que muchos elementos de HTML 4.01
haya quedado obsoletos o se usen para fines distintos a los encomendados. Por eso aparece
la nueva versión de este lenguaje: HTML 5, más adaptada a las nuevas posibilidades de
internet, mejorando la estructura de páginas, el manejo de elementos multimedios o de
formularios.

Nuevos Elementos que afectan a la estructura

Etiqueta Descripción
<article> Para marcar contenido independiente dentro de una página, que por
tanto puede ser extraído y distribuído independientemente del resto del
sitio.
<aside> Define un bloque de contenido relacionado con el contenido principal
que lo rodea, pero que no es esencial para el flujo del mismo.
<bdi> Para texto cuya dirección no va de acuerdo con el texto en el que se
encuentra o con su elemento contendeor
<command> A button, or a radiobutton, or a checkbox
<details> For describing details about a document, or parts of a document
<summary> A caption, or summary, inside the details element
<figure> Se usan para encapsular una figura como un único elemento, puede
ser un video
<figcaption> Contiene el título de una figura <figure>.
<footer> Contiene el pie de página de un sitio
<header> Se utiliza para contener la cabecera de un sitio. Puede incluir
elementos de navegación.
<hgroup> Se utiliza para incluir un encabezado jerarquizado, usando <h1> a
<h6>, donde el mayor es el encabezado principal y el restos son sub
encabezados
<mark> Para texto resaltado
<meter> For a measurement, used only if the maximum and minimum values
are known
<nav> Contiene la funcionalidad de navegación para la página
<progress> The state of a work in progress
<ruby> Para anotaciones ruby (notas o caracteres en chino)
<rt> Para explicar una anotación <ruby>
<rp> Lo que muestran los navegadores que no aceptan el elemento <ruby>
<section> Se utiliza bien para agrupar apartados o secciones dentro de un
documento.
<time> se usa para marcar tiempos y/o fechas
<wbr> Posible separador de palabra. Para ser usado en los cambios de linea.

Nuevos elementos para multimedia

HTML5 provides a new standard for media content:

Tag Description
<audio> Marca de contenido sonoro
<video> Marca para contenido de video
<source> Recursos multimedia para elementos multimedia definidos dentro de las
etiquetas <audio> o <video>
<embed> Para elementos embebidos como los plug-in
<track> Para pista de texto en in reproductores multimedia

Canvas
Elemento usado para hacer dibujos en la página web mediante Javascript

Tag Description
<canvas> Para realizar gráficos con un script

Nuevos elementos para formularios

Tag Description
<datalist> Lista de opciones para un campo input
<keygen> Generar claves para usuarios registrados
<output> Tipos de salida, como la escrita por un script

Nuevos atributos para el elemento Input

Type Description (aplicado a valores de campo input)
tel Dato tipo número de teléfono
search Campo de búsqueda
url Para un dirección URL
email Una o más direcciones email
datetime Dato tipo fecha y/o hora
date Campo fecha
month Campo mes
week Campo para semana
time Cualquier dato de hora
datetime-local Hora/fecha local
number Dato numérico
range Número en un rango especificado
color Dato hexadecimal (ejemplo #FF8800)
placeholder Pequeña ayuda para describir el tipo de dato esperado en un elemento input