Hay una etiqueta para cada parte de las secciones.
Llevan más etiquetas adentro de ellas, nos ayuda a generar la estructura de nuestra página.
Cuando se renderice el proyecto no vamos a ver nada.
Estas etiquetas nos ayudan a hacer la maquetación o layout de nuestro proyecto. A todo este orden se la llama semántica de HTML, por buenas prácticas debemos usar HTML5 semántico. Cada cosa que coloquemos tiene su etiqueta.
Un ejemplo es si queremos hacer el encabezado no podemos usar la etiqueta de footer o main, debemos utilizar la etiqueta header.
Se utiliza para trabajar el encabezado.
<header></header>
En caso de que tenga una barra de navegaciones se lo colocamos adentro de ella usando la etiqueta nav
.
<header>
<nav></nav>
</header>
Aquí colocaremos el contenido principal.
<main></main>
Lo utilizamos para trabajar el pie o footer de la página.
<footer></footer>
Este separa el contenido dentro del Main, Footer o Header y a su vez puede tener dentro de ella un article
, podemos tener una sección con diversos articulos.