Buenas Prácticas y Semántica HTML

• Usar etiquetas semánticas: <header>, <nav>, <main>, <section>, <footer>
• Separar responsabilidades en archivos y carpetas (Single Responsibility Principle).
• Utilizar selectores claros y únicos para automatización.
• Validar datos en frontend y backend.
• Evitar el uso excesivo de IDs, preferir clases para estilos y selectores.
• Agregar aria-label y atributos de accesibilidad.
• Mantener el código limpio y comentado.

<header>
  <nav>...</nav>
</header>
<main>
  <section>...</section>
</main>
<footer>...</footer>