La etiqueta HTML <ol>
representa una lista ordenada, también conocida como numerada. Esto significa que cada elemento de la lista, cuando se presenta en un navegador web, mostrará un número antes del texto del elemento.
Un ejemplo de cómo se utiliza la etiqueta <ol>
:
<ol>
<li>Primer elemento de la lista</li>
<li>Segundo elemento de la lista</li>
</ol>
En un navegador web, se demostrará de la siguiente forma:
Es importante destacar que cada elemento de la lista debe estar encapsulado dentro de una etiqueta <li>
, que significa "elemento de la lista".
Las listas ordenadas son usuales en contenido web cuando hay elementos que necesitan clasificarse en un orden particular, tal como pasos de una receta de cocina o una lista de recomendaciones clasificadas.
Además, también existe un atributo start
con la etiqueta <ol>
, que permite iniciar la numeración a partir de un número específico, por ejemplo:
<ol start="5">
<li>Elemento cinco de la lista</li>
<li>Elemento seis de la lista</li>
</ol>
Se mostrará así:
Por lo tanto, es esencial recordar que la etiqueta <ol>
es útil cuando necesitamos representar o resaltar algún tipo de jerarquía o secuencia en los datos que listamos en nuestro contenido HTML. Sin embargo, si la secuencia de los elementos es irrelevante, es más común utilizar la etiqueta <ul>
para indicar una lista desordenada.