Listas HTML sin líos: ul, ol y dl
Cada lista tiene intención semántica. Elegir bien te evita problemas después.
`ul` se usa cuando el orden no importa (por ejemplo, características de un producto). `ol` cuando sí importa (pasos de un tutorial). `dl` para pares término-definición (glosarios, fichas técnicas, FAQ breve).
No uses listas solo por estética. Si lo que tienes es navegación, tabla de contenidos o pasos, lista; si no, otro elemento puede encajar mejor.
🟢 ul
Elementos sin orden estricto.
- Menús secundarios
- Listas de features
- Tags o categorías
🔵 ol
Elementos con secuencia lógica.
- Paso 1, 2, 3
- Ranking
- Checklist secuencial
🟠 dl
Término y definición.
- Glosarios
- Diccionarios de variables
- FAQ corta