Definición de las etiquetas estructurales en HTML5, su uso dentro de un documento semántico.

1. etiquetas estructurales

3. <header>
El elemento header lo utilizamos para representar un contenido de
introducción de una pagina web o una sección de la pagina por ejemplo
un articulo. El elemento header suele tener su propio encabezado y a
veces algunos metadatos relevantes y de acuerdo al contenido el cual
hace parte. Básicamente dentro de este elemento es donde colocamos el
logotipo, los títulos de encabezados, el buscador etc.

5. <main>
Este nuevo elemento de HTML5 define el contenido principal o mas
importante en el documento. Este elemento es único y solo debe haber
uno por pagina

7. <nav>
Utilizamos el elemento nav para marcar una colección de enlaces a
paginas internas o externas, este elemento nav se utiliza principalmente
para la navegación principal del sito pero también es una buena opción
utilizar este elemento para otros conjunto de enlaces como por Ejemplo:
un blogroll.

9. en html
<div class="menu">
<ul>
<li><a href="seccion1.html">ir a sección 1</li>
<li><a href="seccion2.html">ir a sección 2</li>
<li><a href="seccion3.html">ir a sección 3</li>
<li><a href="seccion4.html">ir a sección 4</li>
</ul>
</div>

10. en html5
<nav>
<ul>
<li><a href="seccion1.html">ir a sección 1</li>
<li><a href="seccion2.html">ir a sección 2</li>
<li><a href="seccion3.html">ir a sección 3</li>
<li><a href="seccion4.html">ir a sección 4</li>
</ul>
</nav>

11. <aside>
Este elemento aside lo utilizamos para representar contenido que es
tangencialmente relacionado con el contenido alrededor de ella. Ejemplo,
las barras laterales de las paginas web que a menudo contienen
explicaciones o contenido secundarios, anuncios informativos del sitio,
biografías de autores o enlaces relacionados.

13. <article>
El elemento de artículo representa un componente de una página que
consiste en una composición autónoma en un documento, página,
aplicación, o sitio web con la intención de que pueda ser reutilizado y
repetido.

15. <section>
El elemento <section> representa una sección genérica de un documento,
una agrupación temática de contenido, también con el elemento section
agrupamos contenidos relacionado por lo general con su respectivo titulo
en una etiqueta de encabezado de HTML.
!
Utilizamos section para dividir contenido relacionado dentro de un articulo
Ejemplo: marcar capítulos, especificar secciones en pestañas, citar
noticias etc.

17. <footer>
Utilizamos el elemento footer para representar la información sobre una
sección tal como autor, información de copyright o enlaces de sitios web
relacionados.
!
Generalmente utilizamos este elemento para el pie de pagina general del
sitio, pero también se puede utilizar para pie de artículos o secciones del
sitio web.