Elementos Semánticos

Echemos un vistazo más de cerca a cada etiqueta individualmente:

Etiqueta header

Estos son típicamente elementos introductorios o un conjunto de enlaces colocados en la parte superior de una sección o página web que ofrecen información crucial sobre la página y ayudan a los usuarios a navegar a otras secciones.

Tenga en cuenta que esto no debe confundirse con la etiqueta head, ya que head y header tienen propósitos diferentes en HTML.

Etiqueta nav

Define una sección de enlaces de navegación utilizados para menús o barras de navegación. nav se coloca típicamente en la sección header de un sitio web.

Etiqueta section

Organiza tu documento lógicamente utilizando encabezados para agrupar contenido relacionado. Esto ayuda a los lectores a comprender mejor tu contenido y mejora la visibilidad en los motores de búsqueda.

Etiqueta article

Contiene una pieza de contenido autónoma como una entrada de blog, un artículo de noticias o una publicación en un foro. Este contenido ayuda a los motores de búsqueda a identificar y priorizar el contenido central de la página web.

Etiqueta footer

Define un pie de página que generalmente incluye información de copyright, detalles de contacto y enlaces a contenido relacionado. Proporciona cierre al contenido anterior y contiene información suplementaria y opciones de navegación.