Este artículo profundiza en los cinco tipos diferentes de listas HTML que todo desarrollador web debería conocer: ordenadas (
- ), no ordenadas (
- ), de descripción (
- ), menús () y de control (/ o /). A diferencia de los tutoriales básicos, el autor explora cómo utilizar correctamente cada tipo según el contexto y significado semántico de los datos. La regla principal es: si cambiar el orden de los elementos altera el significado, usar listas ordenadas; si son pares clave-valor, usar listas de descripción; y si son controles interactivos que ejecutan acciones, usar menús. En el caso de campos de formulario, las listas fijas usan con , permitiento elegir una o múltiples opciones con el atributo 'multiple', mientras que las listas sugeridas usan combinado con . El artículo advierte sobre un error común: en , el atributo 'value' es lo que se inserta en el campo, no el texto visible, lo cual puede confundir a los usuarios. También se explica cómo agrupar opciones con , usar
como separador visual, y controlar la cantidad de opciones visibles con 'size'. Destaca que no necesitamos atributos ARIA adicionales cuando usamos elementos nativos de HTML, ya que el navegador gestiona la semántica automáticamente.