maneira correta de listas de gravação

Question

Este é algo que eu tenho refletido sobre por um tempo, como eu já vi ambos usados ??na prática.

Método 1

<ol>
    <li>List item 1</li>
    <li>List item 2
        <ol>
            <li>List item 3</li>
        </ol>
    </li>
    <li>List item 4</li>
</ol>

Isto parece semanticamente correta para mim, desde o sub-lista é uma sub-lista desse item da lista, no entanto, não é muito limpo (Lista de Itens Content<list right next to it>).

Método 2

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
        <ol>
            <li>List item 3</li>
        </ol>
    <li>List item 4</li>
</ol>

Cleaner, mas não é directamente compreensível a lista é uma sub-lista do item 2 (embora seja compreensível por inferência humana).

Isto é puramente uma preocupação para marcação semântica, a propósito, ambos os métodos apresentam o mesmo conteúdo da página.

Assim SO, o que você acha? Fontes sempre que possível são uso preferível, mas pessoal é muito bom. Eu noto que TOCs heirachial do MediaWiki está usando o método 1, que me encoraja a acreditar que é o uso correto.

Answer 1

Método 2 não é HTML válido. OL não é permitido como um filho direto de um outro elemento OL. Apenas LI é permitido em um OL.

Além disso, os membros da sub-lista para o item 2 é apenas aparente para um leitor humano por causa do recuo. Faça o recuo mesmo com os LIs, e parece que a lista interna é em si o terceiro item. Eu poderia esperar uma prestação como esta, com dois números:

1. List item 1
2. List item 2
3. 1. List item 3
4. List item 4

O método 1 é o caminho a percorrer.

Answer 2

O método 1 é correta.

Answer 3

HTML 4.01 só permite que itens de li de um OL. A tag de fechamento da LI, no entanto, é opcional. O que significa isto é equivalente ao seu método 1:

<ol>
   <li>List item 1
   <li>List item 2
      <ol>
        <li>List item 3
      </ol>
   <li>List item 4
</ol>

É um tanto ambígua a um leitor onde os de fechamento LI são -. Embora a especificação é claro que seria após o OL fechamento

XHTML 1.1 tem o mesmo restrições, mas as forças do uso da LI fechamento para torná-lo explícito.