Aquí te comparto algunas alternativas que puedes usar para mejorar la semántica de tu página web:
⧫ main: Contenido principal de una página web. Es recomendable utilizarla una sola vez por página.
⧫ section: Agrupa contenido relacionado en una sección lógica. Es especialmente útil para estructurar el contenido de un artículo o de una página web.
⧫ article: Una pieza de contenido independiente en una página web, como un artículo o un elemento con información propia.
⧫ header: Representar la cabecera de una sección o de una página web. Puede contener elementos como el título, el logo, el menú de navegación, etc.
⧫ footer: El pie de página de una sección o de una página web. Puede contener información como los derechos de autor, la fecha de la última actualización, etc.
⧫ nav: Menú de navegación de una página web. Puede contener enlaces a otras secciones de la página o a páginas externas.
⧫ aside: Contenido relacionado pero que no forma parte del flujo principal de la página. Puede contener elementos como anuncios, enlaces relacionados, etc.
⧫ figure: Representa una figura, imagen o gráfico en una página web, con una descripción opcional utilizando la figcaption.
⧫ fieldset: Agrupa elementos de un formulario relacionados en un conjunto visualmente coherente.
Puedes seguir usando div, al fin y al cabo, se usa para dividir el contenido. ¡Pero no lo uses todo el rato! Muchas veces hay alternativas mejores que pueden ayudar.
En este ejemplo no los usamos todos pero al menos tienes por dónde empezar.
2 май 2023
