etiquetas estructurales

<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.

<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

<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.

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>

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>

<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.

<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.

<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.

<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.