Etiquetas de definición explícita. Parte I

¿Cuáles son éstas etiquetas?

Estas etiquetas son: main, article, section, header, footer, aside y nav.

¿Qué son estas etiquetas?

Son etiquetas de bloque, que a nivel semántico tienen un significado específico. Tienen una definicón explícita sobre el contenido que agrupan.

<header> y <footer>

A nivel de descendientes directos de body, solo puede haber una etiqueta header y una etiqueta footer como hijo directo. Y ninguna de las 2 debe anidar una etiqueta del mismo nombre, por ejemplo: un header no puede ser hijo de otro header.

Puede contener algunos elementos de encabezado, así como también un logo, un formulario de búsqueda, un nombre de autor y otros componentes como redes sociales o menú de navegación.

Ejemplo de uso semántico de la etiqueta header
Uso semántico de la etiqueta header

Representa un pie de página para el contenido de sección más cercano o el elemento del que desciende, por ejemplo: article, section, aside, blockquote, details, fieldset, figure, td. Un pie de página típicamente contiene información acerca de el autor de la sección, datos de derechos de autor o enlaces a documentos relacionados.

Ejemplo de uso semántico de la etiqueta footer
Uso semántico de la etiqueta footer