Secciones y líneas generales de un documento HTML5

Introducción

La especificación HTML5 trae muchos nuevos elementos a los desarrolladores web, permitiéndoles describir la estructura de un documento web con semántica estandarizada. Este documento describe estos elementos y cómo usarlos para definir el perfil de cualquier documento.

Problemas resueltos por HTML5

La definición de la estructura de un documento en HTML 4 y su algoritmo de perfilado es muy tosco y genera numerosos problemas:

1.HTML5 quita la necesidad de elementos div para definir secciones semánticas sin definir valores específicos para los atributos class, introduciendo un nuevo elemento, section , el elemento de sección HTML.
Mezclar varios documentos es difícil: la inclusión de un sub-documento en un documento principal. Esto se resuelve en HTML5 con los elementos de seccionado (article, section, nav y aside son siempre subsecciones de su sección ancestra más cercana.
HTML5 introduce el elemento hgroupque oculta todos los elementos de cabecera excepto el primero de más alto rango (por ejemplo:

Justine

Les Malheurs de la Vertu

crea el perfil 1. Justine).
Un documento puede tener secciones especiales conteniendo información relacionado que no es parte del flujo principal. HTML5 introduce el elemento aside permitiendo a dichas secciones no ser parte del perfil principal.
Hay información relacionada no al documento pero si al sitio entero, como logos, menús, tablas de contenidos, o información de derechos de autor y notas legales. Para ese propósito, HTML5 introduce tres elementos de sección específicos: nav para colecciones de enlaces, como una tabla de contenidos, footer y header información relacionada con el sitio.