Forma correcta de escribir listas

Question

Esto es algo que ha reflexionado sobre por un tiempo, ya que he visto ambos utilizados en la práctica.

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>

Esto parece semánticamente correcto para mí, ya que la sub-lista es una sub-lista de ese elemento de la lista, sin embargo, no es muy limpio (Lista de elementos 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, pero no es directamente comprensible la lista es una sub-lista de artículo 2 (aunque es comprensible por inferencia humano).

Esto es puramente una preocupación para el marcado semántico por cierto, ambos métodos presentan el mismo contenido de la página.

Así que así que, ¿qué te parece? Las fuentes siempre que sea posible, pero son preferibles uso personal también es buena. Me he dado cuenta de que los COT heirachial de MediaWiki están utilizando el Método 1, que me anima a creer que sea el correcto uso.

Answer 1

Método 2 no es HTML válido. OL no está permitido como un hijo directo de otro elemento OL. Sólo LI está permitido en un OL.

Además, la composición de la sublista con el punto 2 sólo es evidente para un lector humano debido a la indentación. Hacer la sangría incluso con los LIs, y parece como si la lista interna es en sí el tercer punto. Yo podría esperar una prestación de este tipo, con dos números:

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

El método 1 es el camino a seguir.

Answer 2

Método 1 es correcta.

Answer 3

HTML 4.01 sólo permite Li en artículos un OL. La etiqueta de cierre de LI, sin embargo, es opcional. Lo que significa esto es equivalente a su método de 1:

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

Es un tanto ambigua a un lector, donde el cierre de LI son -. Aunque la especificación es claro que sería después del OL de cierre

XHTML 1.1 tiene el mismo restricciones, pero las fuerzas del uso de la LI de cierre para que sea explícita.