La gente de la w3c publicó los primeros añadidos a HTML en este milenio, ya que, según dicen, seguir usando a esta altura solo elementos de un lenguaje de 199 es “vivir en las cavernas”.
Uno de los datos mas interesantes es que aunque los navegadores viejos no detectan estos elementos las páginas van a verse bien. Los navegadores no sabrán que hacer con estos elementos, pero no dejarán de mostrarlos.
Paso a explicar algunos (o todos, vemos al final…):
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.
Bueno, los puse todos. La versión completa, en inglés y con ejemplos de este artículo está en New elements in HTML 5