Home - HTML - Listas en HTML - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10
Listas en HTML (V)
por Luciano Moreno, del departamento de diseño web de BJS Software.
Listas de definiciones.-
Las listas de definiciones se caracterizan por presentar los elementos que la forman dispuestos según un esquema de tipo glosario, apareciendo una serie de elementos con sus correspondientes definiciones.
Las listas de definiciones se construyen partiendo de la pareja de etiquetas de bloque <DL>...</DL> (Definitions List), y dentro de ellas se van estableciendo los elementos mediante la etiqueta <DT>, y su definición correspondiente mediante la etiqueta <DD>. Las etiquetas <DT> y <DD> no poséen pareja de cierre, pero la etiqueta padre <DL> se debe cerrar siempre con su correspondiente pareja </DL>.
Ejemplo:
|
<dl> <dt>Primer elemento <dd>Es el primero de la lista <dt>Segundo elemento <dd>Es el que va después del primero </dl> |
|
La etiqueta <DL> posée los mismos atributos que <OL> y <UL>, salvo type, ya que esta clase de listas no llevan símbolo ninguno antes de los elementos que la forman, estando maquetada la lista con las indentaciones existentes entre los elementos y sus correspondientes definiciones. En cuanto a las etiquetas <DT> y <DD>, ocurre lo mismo respecto a la etiqueta <LI>.
* Listas de menú y de directorio.-
Vamos aver, símplemente a modo de comentario, otros dos tipos de listas existentes en el pasado, las listas de menú y las de directorio, y digo a modo de comentario porque su uso está desaconsejado por el W3C, que las ha declarado obsoletas, por lo que no conviene usarlas.
El origen de estos tipos de listas es más conceptual que práctico, ya que ambas tienen la misma funcionalidad y la misma presentación visual que las lista regulares no ordenadas. Se implementaron en su época para hacer un a distinción entre las listas dedicadas a crear con ellas un menú y las destinadas a implementar directorios, separándolas así de las meras listas de sucesión de elementos de otro tipo.
Las listas de menú se crean mediante la pareja de etiquetas de bloque <MENU>...</MENU>, y las de directorio con la pareja <DIR>...</DIR>, declarando luego en ambas los diferentes elementos que las forman mediante etiquetas <LI>..</LI>.
Ni la etiqueta <MENU> ni la etiqueta <DIR> poséen atributos propios, por lo que se deben configurar los elementos con los atributos propios de la etiqueta <LI>.
Ejemplo de lista de directorio:
|
<dir> <li>primer elemento</li> <li>segundo elemento</li> <li>tercer elemento</li> </dir> |
|
Ejemplo de lista de menú:
|
<menu> <li>primer elemento</li> <li>segundo elemento</li> <li>tercer elemento</li> </menu |
Como véis, la presentación es totalmente análoga a la de las listas regulares sin ordenamiento.
Home - HTML - Listas en HTML - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10