HTML-Tutorial: Geordnete Liste_HTML/Xhtml_Webseitenproduktion

Originaltext: http://andymao.com/andy/post/103.html
Vorheriger Abschnitt: Ungeordnete Liste
Manchmal werden Informationen in der falschen Reihenfolge zusammengefasst, aber einige haben eine klare Reihenfolge, die auch im vorherigen Artikel erwähnt wurde. Denken Sie also einfach darüber nach, welche Dinge um Sie herum in Ordnung sind: Bedienschritte, Rankings, Buchkataloge ... Wenn wir in der Vergangenheit diese Inhalte mit einer Reihenfolge oder Nummern versehen haben, die die Reihenfolge angeben, haben wir sie meist vor den Daten hinzugefügt Der vorherige Wert oder der durch das Programm geschaffene Mehrwert. Wenn Sie eine geordnete Liste verwenden, müssen Sie sich nicht so viele Mühe geben, die Ordnungszahlen selbst einzugeben, wenn Sie eine einstufige Liste verwenden bei Verwendung mehrerer Ebenen. Lassen Sie uns zunächst die Codeform einer geordneten Liste verstehen:

1. Das ist der Inhalt der Liste, das ist der erste Satz


2. Das ist der Inhalt der Liste, das ist der zweite Satz


3. Das ist der Inhalt der Liste, das ist der dritte Satz


4. Das ist der Inhalt der Liste, das ist der vierte Satz


5. Das war’s für die Liste, das ist der fünfte Satz

Sie können sehen, dass die Form mit der einer ungeordneten Liste übereinstimmt, mit der Ausnahme, dass die Namen auf den Randbeschriftungen unterschiedlich sind. Unordnung ist UL, Ordnung wird OL. Der Unterschied besteht darin, dass eine geordnete Liste mehr Tag-Attribute hat als eine ungeordnete Liste. Da es geordnet ist, umfasst es alle Aspekte der Bestellung.
Startwert ändern
Normalerweise nummeriert der Browser automatisch fortlaufend, beginnend mit der arabischen Ziffer „1“. Aber die Sache ist etwas Besonderes: Wenn die geordnete Liste in zwei Teile geteilt werden muss, ist es natürlich falsch, wenn die nächste Person mit der Nummerierung von vorne beginnt. Dann basiert die Nummer des nächsten Teils natürlich auf der letzten Nummer des vorherigen Absatzes plus 1 als Startnummer. Das bedeutet, dass wir den Startwert der Liste ändern müssen. Das Attribut, das den Startwert ändert, ist: „start“.

6. Das ist der Inhalt der Liste, das ist der erste Satz


7. Das ist der Inhalt der Liste, das ist der zweite Satz


8. Das ist der Inhalt der Liste, das ist der dritte Satz


9. Das ist der Inhalt der Liste, das ist der vierte Satz


10. Das war’s für die Liste, das ist der fünfte Satz

Jedem ist aufgefallen, dass der obige Code bedeutet, dass der Startwert der Liste bei 6 beginnt. Sie können also jetzt versuchen, dieses Attribut zu einer geordneten Liste hinzuzufügen, um zu sehen, ob es sich geändert hat?
Nummerntyp ändern
Browser verwenden im Allgemeinen standardmäßig arabische Ziffern, um Listen zu nummerieren. Gibt es also einen anderen Typ? Ja, das Attribut ist „Typ“, aber es werden nicht viele Typen bereitgestellt, sondern nur fünf Typen:
Wert eingeben Stil generieren Sequenzbeispiel A Großbuchstabe A, B, C, D, E A Kleinbuchstaben a, b, c, c, e ICH römische Großbuchstaben I, II, III, IV, V ich römische Ziffern in Kleinbuchstaben i, ii, iii, iv, v 1 Arabische Ziffern 1, 2, 3, 4, 5
sollte im Code wie folgt geschrieben werden:

1. Das ist der Inhalt der Liste, das ist der erste Satz


2. Das ist der Inhalt der Liste, das ist der zweite Satz


3. Das ist der Inhalt der Liste, das ist der dritte Satz


4. Das ist der Inhalt der Liste, das ist der vierte Satz


5. Das war’s für die Liste, das ist der fünfte Satz

Ich denke, es ist besser, diesen Typ sparsam zu verwenden, da dieser Typ auch mit CSS festgelegt werden kann. Ich habe immer dafür plädiert, dass Stilfragen von Stilsprachen erledigt werden sollten. Sofern keine besonderen Gründe vorliegen, ist es daher besser, dieses Attribut nicht zu verwenden. Natürlich berücksichtigen weder CSS1 noch CSS2 chinesische Nummerierungszeichen, aber es gibt noch kein Chinesisch. Ich denke, dass CSS2 an dieser Stelle immer noch fehlerhaft ist, zumindest bietet es keine bessere Erweiterungsform. Obwohl er es nicht bereitgestellt hat, können wir dennoch auf unsere eigene Weise Diversifizierung erreichen. Wie geht das? Bitte denken Sie zuerst darüber nach, und ich werde Ihnen später im Stilinhalt der Liste sagen, wie ich damit umgehe.