Guía de Estilo HTML

Un HTML bien estructurado es más fácil de leer, mantener y aprender. Las siguientes reglas de estilo te ayudan a escribir código limpio y consistente.

Sangría

Usa 2 o 4 espacios para la sangría al anidar elementos HTML. Ayuda a separar visualmente los niveles jerárquicos.

<ul>
  <li>First</li>
  <li>Second</li>
</ul>

Uso de minúsculas

Escribe siempre las etiquetas y atributos HTML en minúsculas. Aunque HTML no distingue entre mayúsculas y minúsculas, el uso de minúsculas mejora la consistencia.

Comillas para Atributos

Usa siempre comillas dobles para los valores de atributos. Es la convención más ampliamente adoptada.

<img src="logo.png" alt="Company Logo">

Orden de los Atributos

Usa los atributos en un orden consistente (por ejemplo, class, id, src, alt). Esto mejora la legibilidad.

Líneas en Blanco

Inserta líneas en blanco entre secciones HTML más grandes. Esto separa visualmente los bloques de contenido.

Nombres de Clases e IDs

Usa nombres significativos y separados por guiones para clases e IDs (por ejemplo, 'main-header', 'footer-links').

<div class="main-header">
  <h1>Welcome</h1>
</div>

Comentarios

Usa comentarios para marcar bloques grandes o proporcionar explicaciones. No los uses en exceso, pero facilita la navegación.

<!-- Start of main section -->
<main>
  ...
</main>

Consistencia

La regla más importante: ¡sé consistente! Elige un estilo y síguelo en todo el proyecto.