Elemento ol HTML5

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