Ya hemos visto cómo podemos crear una sección en HTML5, ahora vamos a ver la forma en la cual podemos crear subsecciones en HTML5. Lo primero que aprendimos es que para crear una sección en HTML5 utilizábamos el elemento section de la siguiente forma:
Primera Sección
Este es el contenido de la primera sección.
Vemos que el primer elemento de la sección en HTML5 es un elemento de título de cabecera h1 que nos demarca el título de la sección.
En un documento HTML5 podemos tener tantas secciones consecutivas como queramos:
Secciones en HTML5
Primera Sección
Este es el contenido de la primera sección.
Segunda Sección
Este es el contenido de la segunda sección.
Cada una de estas secciones equivaldrá a un mismo nivel de sección.
Pero de igual manera podemos crear subsecciones en HTML5. Para ello simplemente tenemos que anidar el elemento section dentro de otro elemento section.
De esta forma podremos crear el siguiente documento que contenga subsecciones en HTML5.
Segunda Sección.
Este es el contenido de la segunda sección.
Subsección
Este es el contenido de una subsección dentro de la segunda sección.
Aunque dentro de la estructura de cada sección podemos cambiar el nivel de los títulos de cabecera h1 a h6. Vemos que por una cuestión de accesibilidad y de estructura del documento hemos incrementado el nivel del título de cabecera en la subsección que hemos anidado.
Podemos comprobar el outline del documento mediante el validador de W3C.
