Frage

Das ist etwas, das ich für eine Weile grübelte über, wie ich habe sowohl in der Praxis gesehen.

Methode 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>

Das scheint mir semantisch korrekt, da die Unterliste eine Unterliste des Listenelement ist, aber es ist nicht sehr sauber (List Item Content<list right next to it>).

Methode 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>

Reinigungsmittel, aber es ist nicht direkt verständlich ist die Liste eine Unterliste des Artikels 2 (obwohl es verständlich durch menschliche Inferenz).

Dies ist eine reine Sorge um semantisches Markup durch die Art und Weise, präsentieren beide Verfahren die gleichen Inhalte auf der Seite.

So SO, was denken Sie? Quellen, wo möglich, bevorzugt aber den persönlichen Gebrauch ist auch gut. Ich bemerke, dass MediaWiki heirachial TOCs verwenden Methode 1, die mir das ist die richtige Anwendung zu glauben fördert.

War es hilfreich?

Lösung

Methode 2 ist nicht gültig HTML. OL nicht als direkter Nachkomme eines anderen OL Element erlaubt. Nur LI in einer OL erlaubt.

Auch ist die Mitgliedschaft in der Unterliste zu Punkt 2 nur scheinbar für einen menschlichen Leser wegen der Vertiefung. Machen Sie den Einzug auch mit dem LIs, und es scheint, als ob die innere Liste selbst ist das dritte Element. Ich könnte ein Rendering wie diesem erwarten, mit zwei Zahlen:

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

Methode 1 ist der Weg zu gehen.

Andere Tipps

Methode 1 korrekt ist.

HTML 4.01 erlaubt nur LI Artikel in ein OL. Der Endtag LI ist jedoch optional. Was bedeutet dies Ihre Methode entspricht 1:

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

Es ist nicht ganz eindeutig zu einem Leser, wo die Schließung LI ist -. Obwohl die Spezifikation klar ist, dass es wäre nach der Schließung OL

XHTML 1.1 hat die gleiche Einschränkungen, sondern erzwingt die Verwendung des Schließ LI es explizit zu machen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top