Bonne façon d'écrire des listes

StackOverflow https://stackoverflow.com/questions/383898

Question

Ceci est quelque chose que j'ai réfléchi pendant un moment, comme je l'ai vu à la fois utilisé dans la pratique.

Méthode 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>

Cela semble sémantiquement correct pour moi, puisque la sous-liste est une sous-liste de cet élément de liste, mais il est pas très propre (élément de liste Content<list right next to it>).

Méthode 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, mais ce n'est pas directement compréhensible la liste est une sous-liste de l'article 2 (bien qu'il soit compréhensible par inférence humaine).

Ceci est purement une préoccupation pour le balisage sémantique par la manière, les deux méthodes présentent le même contenu sur la page.

Alors oui, qu'en pensez-vous? Les sources sont préférables lorsque cela est possible, mais un usage personnel est bon aussi. Je remarque que TOCs heirachial de MediaWiki utilisent la méthode 1 qui me pousse à croire que l'utilisation est correcte.

Était-ce utile?

La solution

Méthode 2 est pas valide HTML. OL n'est pas autorisé comme enfant direct d'un autre élément OL. Seul LI est autorisé dans un OL.

En outre, les membres de la sous-liste au point 2 est évident qu'à un lecteur humain à cause de l'empreinte. Faire l'empreinte même avec les LIs, et il semble que la liste intérieure elle-même est le troisième élément. Je pourrais attendre un rendu comme ça, avec deux chiffres: 

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

La méthode 1 est la voie à suivre.

Autres conseils

La méthode 1 est correct.

HTML 4.01 ne permet aux éléments LI un OL. Cependant, la balise de fermeture de LI, est facultative. Ce qui signifie que cela équivaut à votre méthode 1: 

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

Il est quelque peu ambiguë à un lecteur où la fermeture Li sont -. Si la spécification est clair que ce serait après l'OL fermante

XHTML 1.1 a le même restrictions, mais force l'utilisation de la LI de fermeture pour le rendre explicite.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top