Listas
Estructurá un contenido complejo de manera más accesible y clara con una lista.
En esta página
- Qué son las listas
- La lista ordenada
- La lista no ordenada
- La lista no ordenada destacada
- La lista de definiciones
Qué son las listas
La lista es un recurso de semántica web que nos permite presentar al usuario un asunto complejo o lleno de detalles con mayor claridad.
En una lista desagregamos una información compleja en una serie de ítems o elementos simples, lo que le permite al usuario comprenderla o recordarla mejor.
Imaginá la lista como un conjunto de elementos que tienen un asunto en común. En nuestra vida cotidiana escribimos listas de compras en el supermercado, de lugares que queremos visitar en un viaje de vacaciones o de vencimientos de servicios que debemos pagar así no nos olvidamos de nada.
Los usuarios de argentina.gob.ar también necesitan que les listemos algunos contenidos: los requisitos de un trámite, el cronograma de actividades de un congreso, la bibliografía de un curso.
En Argentina.gob.ar podemos usar cuatro tipos de listas:
- ordenada,
- no ordenada,
- no ordenada destacada, o
- lista de definiciones.
La lista ordenada
La lista ordenada está compuesta por una serie de ítems de un proceso. Por lo tanto, el orden de los elementos altera la información y no es lo mismo escribir
- Evento 1
- Evento 2
que escribir
- Evento 2
- Evento 1
Ejemplo de lista ordenada es el cronograma de actividades de un congreso: algunas actividades se realizan antes que otras. Si no las presentáramos en orden, los asistentes podrían perderse actividades.
Los párrafos de las listas ordenadas tienen sangría francesa: la primera línea comienza sobre el margen izquierdo y a partir de la segunda agrega automáticamente una sangría.
Conocé cómo insertar listas ordenadas en markdown
La lista no ordenada
A diferencia del caso anterior, en la lista no ordenada el orden de los elementos no altera la información.
Un ejemplo es la lista de vías de contacto con un organismo: es indistinto que informemos
- Correo electrónico: [email protected]
- Teléfono: 11-1111-1111
o
- Teléfono: 11-1111-1111
- Correo electrónico: [email protected]
Los párrafos de las listas no ordenadas tienen sangría francesa: la primera línea comienza sobre el margen izquierdo y a partir de la segunda agrega automáticamente una sangría.
Conocé cómo insertar listas no ordenadas en markdown
La lista no ordenada destacada
La lista destacada es una lista no ordenada en la que se reemplazan las viñetas del primer nivel jerárquico por una flecha de color y el cuerpo tipográfico del texto es un poco más grande que el del texto normal.
Utilizala si querés dar un mayor impacto visual a la lista no ordenada.
Por ejemplo, la siguiente lista no ordenada común
- Correo electrónico: [email protected]
- Teléfono: 11-1111-1111
se ve del siguiente modo como lista no ordenada destacada.
- Correo electrónico: [email protected]
- Teléfono: 11-1111-1111
Solo los ítems de nivel superior se ven con flecha de color, los subítems siempre se presentan con viñeta común.
Conocé cómo insertar listas no ordenadas destacadas en markdown
La lista de definiciones
La lista de definiciones es un recurso de semántica web que permite presentar un vocablo o concepto seguido de su correspondiente definición; equivale a las etiquetas <dl> y <dt>en html.
Utilizá una lista de definiciones cada vez que quieras presentar un glosario.
- Término a definir
- Un párrafo con la definición del término de la línea anterior.