Las listas son usadas para agrupar piezas de información que están relacionadas entre sí, permitiendo una mejor lectura y accesibilidad del contenido.
Estas estructuras son utilizadas con frecuencia para contener elementos de navegación además de contenido en general, puesto que todos los tipos de listas pueden contener diferentes elementos HTML como enlaces, otras listas, imágenes, etc.
HTML nos ofrece principalmente 2 formas de especificar listas de información:
- <ul> - Listas no ordenadas, con diferentes estilos de viñetas.
- <ol> - Listas ordenadas, que pueden usar múltiples esquemas de numeración.
En cualquier forma la estructura debe comenzar con la etiqueta de apertura del tipo de lista requerido y encerrar cada elemento de la lista entre la etiqueta <li>.
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>
- Elemento 1
- Elemento 2
- Elemento 3
<ol>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ol>
- Elemento 1
- Elemento 2
- Elemento 3
El atributo type
Para definir el tipo de viñeta o el esquema de numeración a usar en la lista se emplea el atributo type con los siguientes posibles valores.
Valor | Descripción |
---|---|
Disc | ● Viñeta en disco (Por defecto) |
Circle | º Viñeta circular |
Square | ■ Viñeta cuadrada |
None | Sin viñeta |