El elemento ol
representa una lista ordenada
El orden de la lista es importante de tal forma que si cambiamos el orden de los items cambia el significado del documento
Veamos un ejemplo donde podamos ver, como al cambiar el orden de los items cambia el significado del documento, a continuación una lista que contiene países ordenados del mas rico al menos rico
<ol>
<li>Estados Unidos</li>
<li>China</li>
<li>Japón</li>
</ol>
Ahora, cambiemos el orden de la lista para ver como cambia el significado del documento
<ol>
<li>Japón</li>
<li>Estados Unidos</li>
<li>China</li>
</ol>
Con este cambio el significado del documento cambio a: el país mas rico es japón y no estados unidos, el segundo país mas rico es estados unidos y no china, como podemos notar el significado del documento cambio dramáticamente
Este elemento tiene un atributo llamado type
con el cual establecemos el tipo de viñeta a usar
Este elemento también tiene un atributo llamado reversed el cual si esta presente indica que el orden de la lista es descendente, veamos un ejemplo
<ol reversed="reversed">
<li>Japón</li>
<li>China</li>
<li>Estados Unidos</li>
</ol>
Se trata de la misma lista solo que en este caso esta en orden descendente osea del menos rico al mas rico en diferencia con la otra lista que era del mas rico al menos rico en orden ascendente
Los elementos li
descendientes de un elemento ol
siempre tienen un valor de orden, este valor de orden esta dado por su atributo value o por el atributo start del elemento ol
, el valor de orden es el numero que aparece como viñeta, sabiendo esto veamos el siguiente atributo de este elemento ol
El atributo start establece el valor de orden del primer item pero cabe mencionar que el atributo value del item(elemento li
) tiene mayor peso, es decir si el atributo value esta ausente entonces start da el valor de orden del primer item pero si esta presente value y start entonces el valor de orden del primer item va a estar dado por el atributo value del item
Este atributo tiene un valor por default de 1 si el atributo reversed esta ausente pero si reversed esta presente entonces el valor por default es el numero de items
El valor del atributo start es un numero entero positivo o negativo
El valor de orden de los siguientes items es el anterior mas 1 si el atributo reversed esta ausente y sera el valor de orden del anterior menos 1 si el atributo reversed esta presente
Eso es todo y proximamente publicare un post sobre el elemento ul, saludos