Secciones
y líneas generales de un documento HTML5
(Práctica
de Jose Maria Soria para el curso de :Desarrollo en HTML5, CSS y
Javascript de Apps Web, Android, IOS...)
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.
SECCION 1
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><h1>Justine</h1><h2>Les Malheurs de
la Vertu</h2></hgroup> crea el perfil 1. Justine).
Justine
Les Malheurs de la Vertu
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.