HTML5 – Nuevos elementos

Nuevos Elementos Semánticos en HTML5

El Internet y el uso de la Internet, ha cambiado mucho desde HTML 4.01 convirtió en un estándar en 1999.

Hoy en día, algunos elementos de HTML 4.01 han quedado obsoletos, no utilizados de la manera que estaban destinados. Estos elementos se han eliminado o re-escrito en HTML5.

Para manejar mejor el uso actual de Internet, HTML5 incluye también nuevos elementos para una mejor estructura, un mejor manejo de formularios, el dibujo y el contenido de los medios de comunicación.

En este artículo vamos a exponer las nuevas etiquetas estructurales del HTML5.

NOTA: Elementos que elimina HTML5 con respecto a HTML4.01
Etiqueta Descripción
<section> Define una sección para un documento.
<header> Define la cabecera para un documento o sección (<section>).
<footer> Define un pie de página de un documento o sección (<section>).
<article> Define un artículo.
<nav> Donde se definen enalces para la navegación.
<progress> Representa el apartado para mostrar el progreso durante una carga en el documento.
<aside> Define un contenido aparte del contenido de la página.
<hgroup> Agrupa el conjunto de etiquetas de <h1> a <h6> cuando en un encabezamiento nos podemos encontrar varios niveles de jerarquía.
<mark> Para realizar un resaltado de un texto.
<rt> Define una explicación / pronunciación de los caracteres.
<bdi> Aísla una parte de texto que puede ser formateado en una dirección distinta de otro texto fuera de ella.
<command> Define un botón de comando que un usuario puede invocar.
<details> Define los detalles adicionales que el usuario puede ver o esconder.
<summary> Define un título visible para la etiqueta <details>.
<figure> Especifica un contenido concreto como ilustraciones, diagramas, fotos, listados de código, etc…
<figcaption> Define un título visible para la etiqueta <figure>.
<meter> Define una medida escalar dentro de un rango conocido (a medida).
<ruby> Define una anotación ruby.
<rp> Define qué mostrar en navegadores que no soportan anotaciones ruby.
<time> Define una fecha / hora.
<wbr> Define un posible salto de línea.

Referencias

New Elements in HTML5