Anidamiento de listas

Vistos todos los tipos de listas se nos puede plantear una pregunta: ¿Se puede incluir una lista dentro de otra?. La respuesta es SI. El lenguaje HTML permite insertar unas listas dentro de otras ya sean del mismo o de distinto tipo. A esta posibilidad se le llama anidamiento de listas y la forma de realizarlo es incluir todo el código de una lista dentro de uno de los elementos de la otra. En el siguiente ejemplo combinaremos algunos de los ejemplos anteriores para dar lugar a un listado con varios listas anidadas unas dentro de otras:

En las figuras 4.12 y 4.13 podemos ver como se muestra este ejemplo en los navegadores Explorer y Netscape Navigator. Aunque hay ligeras diferencias, en ambos se puede observar cómo cada nuevo nivel de anidamiento se produce un sangrado en la lista. Además se observa que en la segunda lista no numerada la viñeta que precede cada elemento ha cambiado, lo que ayuda a diferenciar entre ambas listas.

Figura 4.12. Gracias al anidamiento podemos crear listas muy complejas en HTML. El segundo nivel de lista no numerada usa una viñeta distinta.

Figura 4.13. Comparando esta figura con la 4.8 podemos ver las ligeras diferencias que existen en los distintos tipos de listas entre Netscape y Explorer .

Fuente: Copyright Jorge Ferrer, Rodrigo Garcia y Victor García, licencia Documentación Libre GNU, Versión 1.1