El blog de Leech

Resumen de los nuevos elementos en HTML 5

Posteado por Leech | Metido en HTML

Cómo la mayoría estará al tanto, se viene el HTML 5. Y bueno, a raiz de esto surgen muchas dudas e ideas locas, pero en este caso solo vamos a ver un resumen sobre los nuevos elementos de HTML 5 que hicieron los chicos de Kbglob quienes se basaron en la noticia original publicada en IBM:

Estructura:

section: Una parte o capítulo de un libro, sección de un capítulo, o esencialmente cualquier cosa que tenga su propio encabezado en HTML 4.
header: El encabezado de la página; no es lo mismo que el tag HEAD.
footer: El pie de página, donde van las letras chicas, copyright, emails, etc.
nav: Una colección de links a otras páginas.
article: Una entrada independiente en un blog, revista, compendio o lo que sea.

Bloques semánticos:

aside: Representa una nota, un consejo, un sidebar o lo que sea que esté afuera del bloque narrativo.
figure: Representa una imagen a nivel de bloque, junto con su titulo.
dialog: Un elemento diálogo representa una conversación entre diferentes personas. El elemento ‘dt’ señala al que habla y ‘dd’ señala el discurso.

Inlines semánticos:

m (mark): Indica que el texto está “marcado” de alguna manera pero no necesariamente enfatizado. Por ejemplo, una página resaltada en un libro, o en google cache cuando resalta los términos buscados.
time: Bastante lógico, representa una fecha.
meter: Representa un valor numérico en un rango especificado.
progress: Representa el estado de un proceso en ejecución, como las conocidas barras de progreso en las ventanas de programas. Suena MUY práctico!.

Multimedia embebida:

audio y video: Como sus nombres dicen, son para embeber audio y video. La sintaxis es prácticamente la del viejo y querido tag IMG.

Interactivos:

details: Representa información adicional que podría no mostrarse por defecto.
datagrid: Sirve como control de “grillas”. Para árboles, listados y tablas que pueden ser actualizados con scripts.
menu y command: Menu existe desde la versión 2 de HTML. Fue deprecado en la versión 4 pero retorna con nuevo significado, conteniendo comandos que se van a ejecutar al ser activados.

Link: Kbglob - HTML5 nos trae nuevos elementos
Link: New elements in HTML5 @ IBM
Via: Fernando