Tutorial HTML: Lista ordenada

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

Às vezes, as informações são resumidas em desordem, enquanto outras têm uma ordem clara, que também foi mencionada no artigo anterior. Portanto, basta pensar sobre o que você tem em sequência: etapas de operação, classificações, catálogos de livros ... No passado, quando enfrentamos esses conteúdos que foram ordenados ou indicados por números, adicionamos principalmente um valor antes dos dados ou adicionamos esse valor pelo programa. Se você usar uma lista ordenada, não precisará preencher os números ordinais sozinho. Esse recurso não parece ser óbvio ao usar uma lista de camada única, mas ao usar várias camadas, seus recursos são muito óbvios. Então, vamos primeiro entender o formulário de código da lista ordenada:

<ol>

<li> Este é o conteúdo da lista, esta é a primeira frase </li>

<li> Este é o conteúdo da lista, esta é a segunda frase </li>

<li> Este é o conteúdo da lista, esta é a terceira frase </li>

<li> Este é o conteúdo da lista, esta é a quarta frase </li>

<li> Este é o conteúdo da lista, esta é a quinta frase </li>

</ol>

Todo mundo viu que sua forma original é a mesma de uma lista não ordenada, exceto que o nome é diferente no rótulo periférico. O distúrbio é UL, e a ordem se torna ol. A diferença é que as listas ordenadas terão mais atributos de etiquetas do que não ordenados. Porque ser ordenado envolverá todos os aspectos da ordem.

Geralmente, o navegador numerá automaticamente de maneira ordenada a partir do numeral árabe 1. Mas as coisas são especiais. Quando a lista ordenada precisa ser transformada em duas partes, é naturalmente errado numerar a próxima parte do zero. Em seguida, o número da próxima parte é naturalmente adicionar 1 como o número inicial de acordo com o último número no parágrafo anterior. Isso significa que precisamos alterar o valor inicial da lista. O atributo que altera o valor inicial é: Iniciar, a maneira formal é:

<ol start = 6>

<li> Este é o conteúdo da lista, esta é a primeira frase </li>

<li> Este é o conteúdo da lista, esta é a segunda frase </li>

<li> Este é o conteúdo da lista, esta é a terceira frase </li>

<li> Este é o conteúdo da lista, esta é a quarta frase </li>

<li> Este é o conteúdo da lista, esta é a quinta frase </li>

</ol>

Você percebeu que o código acima diz que o valor inicial da lista começa em 6. Então, agora você pode tentar adicionar esse atributo a uma lista ordenada para ver se ela mudou?

Nos navegadores, os números árabes geralmente são listados por padrão. Então, pode haver outros tipos? Sim, o atributo é do tipo, mas não há muitos tipos fornecidos, apenas cinco:

Valor do tipo Gere Exemplo de sequência de estilo A Letras maiúsculas A, B, C, D, E A UM LETRAS DE PORMULTRAS A, B, C, C, E I CAPITAL NURQUISÃO ROMANA I, II, III, IV, V I BORNESSTENCIO

A maneira de escrever no código deve ser:

<Ol Type = A>

<li> Este é o conteúdo da lista, esta é a primeira frase </li>

<li> Este é o conteúdo da lista, esta é a segunda frase </li>

<li> Este é o conteúdo da lista, esta é a terceira frase </li>

<li> Este é o conteúdo da lista, esta é a quarta frase </li>

<li> Este é o conteúdo da lista, esta é a quinta frase </li>

</ol>

Eu acho que é melhor usar menos valor desse tipo, porque você pode definir esse tipo usando CSS. Sempre defendi que as coisas de estilo devem ser feitas pela linguagem de estilo. Então, a menos que haja um motivo especial, é melhor não usar esse atributo. Obviamente, nem o CSS1 nem o CSS2 basicamente consideraram a China. Personagens de número japonês foram fornecidos no CSS2, mas ainda não há chinês. Eu acho que o CSS2 ainda tem falhas nesse sentido, pelo menos não fornece uma forma melhor de expansão. Embora ele não tenha fornecido, ainda podemos alcançar a diversidade em nossa própria forma. Como fazer isso? Por favor, pense primeiro, o conteúdo de estilo da lista lhe dirá como eu o lidei.