Tutorial HTML: lista ordenada

Texto original: http://andymao.com/andy/post/103.html

La información a veces se resume en el desorden, mientras que otros tienen un orden claro, que también se mencionó en el artículo anterior. Entonces, simplemente piense en lo que las cosas a su alrededor tienen en secuencia: pasos de operación, clasificaciones, catálogos de libros ... en el pasado, cuando enfrentamos estos contenidos que fueron ordenados o indicados por números, en su mayoría agregamos un valor antes de los datos, o agregamos este valor por el programa. Si usa una lista ordenada, no necesita completar los números ordinales por sí mismo. Esta característica no parece ser obvia cuando se usa una lista de una sola capa, pero cuando se usa múltiples capas, sus características son muy obvias. Así que entendemos primero el formulario de código de la lista ordenada:

<Ol>

<li> Este es el contenido de la lista, esta es la primera oración </li>

<li> Este es el contenido de la lista, esta es la segunda oración </li>

<li> Este es el contenido de la lista, esta es la tercera oración </li>

<li> Este es el contenido de la lista, esta es la cuarta oración </li>

<li> Este es el contenido de la lista, esta es la quinta oración </li>

</ol>

Todos han visto que su forma original es la misma que la de una lista desordenada, excepto que el nombre es diferente en la etiqueta periférica. El desorden es UL, y el orden se convierte en ol. La diferencia es que las listas ordenadas tendrán más atributos de etiqueta que desordenado. Porque ser ordenado involucrará todos los aspectos de la orden.

Por lo general, el navegador lo numerará automáticamente de manera ordenada a partir del número de árabe 1. Pero las cosas son especiales. Cuando la lista ordenada debe convertirse en dos partes, es naturalmente incorrecto numerar la siguiente parte desde cero. Luego, el número de la siguiente parte es, naturalmente, agregar 1 como el número de inicio de acuerdo con el último número en el párrafo anterior. Esto significa que necesitamos cambiar el valor de inicio de la lista. El atributo que cambia el valor de inicio es: Inicio, la forma formal es:

<ol inicio = 6>

<li> Este es el contenido de la lista, esta es la primera oración </li>

<li> Este es el contenido de la lista, esta es la segunda oración </li>

<li> Este es el contenido de la lista, esta es la tercera oración </li>

<li> Este es el contenido de la lista, esta es la cuarta oración </li>

<li> Este es el contenido de la lista, esta es la quinta oración </li>

</ol>

Ha notado que el código anterior dice que el valor inicial de la lista comienza a partir de 6. Entonces, ahora puede intentar agregar este atributo a una lista ordenada para ver si ha cambiado.

En los navegadores, los números árabes generalmente se enumeran de forma predeterminada. Entonces, ¿puede haber otros tipos? Sí, el atributo es tipo, pero no se proporcionan muchos tipos, solo cinco:

Tipo de valor Generar secuencia de estilo Ejemplo A Capital Letras A, B, C, D, E A Letras minúsculas A, B, C, C, E I Capital Roman Numerales I, II, III, IV, V I Números romanos en minúsculas I, II, III, IV, V 1 Números árabes 1, 2, 3, 4, 5, 5, 5

La forma de escribir en el código debería ser:

<ol tipo = a>

<li> Este es el contenido de la lista, esta es la primera oración </li>

<li> Este es el contenido de la lista, esta es la segunda oración </li>

<li> Este es el contenido de la lista, esta es la tercera oración </li>

<li> Este es el contenido de la lista, esta es la cuarta oración </li>

<li> Este es el contenido de la lista, esta es la quinta oración </li>

</ol>

Creo que es mejor usar menos valor de este tipo, porque puede configurar este tipo usando CSS. Siempre he abogado por el lenguaje de estilo de estilo. Luego, a menos que haya una razón especial, es mejor no usar este atributo. Por supuesto, ni CSS1 ni CSS2 básicamente consideraron China. Se han proporcionado personajes de mueble japoneses en CSS2, pero todavía no hay chino. Creo que CSS2 todavía tiene defectos a este respecto, al menos no proporciona una mejor forma de expansión. Aunque no lo proporcionó, aún podemos lograr la diversidad en nuestra propia forma. ¿Cómo hacerlo? Piense primero, el contenido de estilo de la lista le dirá cómo lo manejé.