Elementos estructurados HTML5

 La nueva versión HTML5 ofrece la posibilidad de agregar datos estructurados, algo que HTML 4.01 no ofrecía. Los datos estructurados permiten tener un orden en el documento y también facilitar la búsqueda de información en el documento a los User Agents(robots).

Estos nuevos elementos HTML5 son los siguientes ...

DATOS ESTRUCTURALES HTML5

• <header></header> -> Define la sección de la cabecera, como títulos, logo, etc.
• <nav></nav> -> Define la sección dónde se encuentran los links de navegación, útil para el menú por ejemplo.
• <article></article> -> Define un artículo o un título, por ejemplo el título de un post está etiqueta puede ser anidada de modo que el resto de subartículos dependen del artículo principal.
• <section></section> -> Define secciones es decir los capítulos o apartados que muestran información importante sobre el contenido de la web, por ejemplo aquí podría ir el contenido de un post. También pueden ir anidados.
• <aside></aside> -> Esta es la parte del documento que se separa del resto de la información, ya que es independiente, como por ejemplo las secciones de anuncios.
• <footer></footer> -> Esta parte define el pie de página que es independiente a la información principal del documento.

En el siguiente cuadro puedes ver un ejemplo de una estructura HTML5 ...

Header

Nav

Article

Section

Section

Aside

footer

HTML ...