Secciones y líneas generales de un documento HTML5
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:
-
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 hgroup que oculta todos los elementos de
cabecera excepto el primero de más alto rango (por ejemplo, hgroup
h1Justine h1 h2 Les Malheurs de la Vertu h2 hgroup> 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.
De manera más general, HTML5 trae precisión a las características de
seccionado y cabecera, permitiendo a los perfiles de documento ser
predecibles y usados por el navegador para mejorar la experiencia de
usuario.
El algoritmo de perfilado de HTML5
Definiendo secciones en HTML5
Todo el contenido incluido dentro del elemento body es parte de una
sección. Las secciones en HTML5 pueden ser anidadas. Además de la
sección principal, definida por el elemento body, los límites de la
sección son definidos explícita o implícitamente. La secciones definidas
explícitamente son el contenido definido en las etiquetas body, section,
article, aside, footer, header, y nav. Nota: Cada sección puede tener su
propia jerarquía de cabeceras. Por lo tanto, incluso una sección anidada
puede tener un elemento h1. Consulte también Definiendo cabeceras en
HTML5.