Sortierte Listen in HTML5 sind fast genauso aus wie ungeordnete Listen. Sortierte Listen haben traditionell Zahlen statt Kugeln (obwohl man dies durch CSS ändern können, wenn Sie Zahlen nicht wollen).

Wie eine geordnete Liste anzuzeigen

Hier ist eine Seite mit einer grundlegenden geordnete Liste - basicOL.html.

Sie können eine Liste sehen, wo die Elemente gezählt sind. Wenn Sie Ihre Daten eine Liste von Schritten oder Informationen mit irgendeiner Art von numerischen Werten ist, ist eine geordnete Liste eine gute Wahl.

Wie die geordnete Liste zu erstellen

Der Code für basicOL.html ist bemerkenswert ähnlich einer ungeordneten Liste:

Grund Sortierte Liste
Top zehn Hundenamen in den USA
Max
Jake
Kumpel
Maggie
Bär
Molly
Bailey
Schatten
Sam
Dame
Daten von https://bowwow.com.au

Die einzige Änderung ist die Liste Tag selbst. Anstatt dem Tag, verwendet die geordnete Liste das Kennzeichen. Die Listenelemente sind die gleichen Paare in der unsortierten Liste verwendet.

Sie zeigen nicht die Artikelnummer anywhere- erzeugt er in der Liste auf der Position der einzelnen Elemente automatisch zu. Daher können Sie die Reihenfolge der Elemente zu ändern, und die Zahlen sind immer noch richtig.

Dies ist, wo es ist toll, dass HTML ist über Bedeutung, nicht das Layout. Wenn Sie die tatsächlichen Zahlen angegeben, würde es ein Chaos sein, Dinge zu bewegen. Alles, was wirklich zählt, ist, dass das Element innerhalb einer geordneten Liste ist.