Ausführliche Erläuterung der Verwendung des OL-Tags in den HTML5_HTML5-Tutorial-Fähigkeiten

Definition und Verwendung

Tag definiert eine geordnete Liste.
Unterschiede zwischen HTML 4.01 und HTML 5
In HTML 4.01 war das „Start“-Attribut veraltet, während es in HTML 5 zulässig ist.
Die Attribute „compact“ und „type“ wurden in HTML 4.01 veraltet und werden in HTML 5 nicht mehr unterstützt.
Tipps und Hinweise
Tipp: Verwenden Sie CSS, um den Typ der Liste zu definieren.
Beispiel

XML/HTML-CodeInhalt in die Zwischenablage kopieren
1. <ol>
2.  <li>Kaffeeli> 
3.  <li>Teeli> 
4. ol>
6. <ol>
7.  <li Start="60" >Kaffeeli>
8.  <li>Teeli> 
9. ol>




Die von HTML5 bereitgestellte OL-Tag-Seriennummernsteuerung
Das OL-Tag zeigt Daten in Form einer geordneten Liste an und nummeriert die Daten automatisch. Aber manchmal sind die Daten nicht beginnend mit 1 nummeriert, oder die Zahlen sind in umgekehrter Reihenfolge angeordnet, oder die Zahlen sind völlig chaotisch. In diesem Fall müssen Sie zum Festlegen einige der für das OL-Tag bereitgestellten Parameter verwenden. Leider ist es derzeit nicht mit dem IE kompatibel.
Jetzt haben wir ein HTML-Dokument wie dieses


XML/HTML-CodeInhalt in die Zwischenablage kopieren
1. <ol>
2. <li>Kartoffelli> 
3. <li>Zwiebelli> 
4. <li>Karotteli> 
5. <li>Filetli> 
6. ol>

Es wird so aussehen


Diese Seriennummern beginnen bei 1 und erhöhen sich standardmäßig. Was ist, wenn Sie die Seriennummern im OL-Tag in umgekehrter Reihenfolge anordnen müssen? Dazu muss OL lediglich ein reserviertes Attribut hinzugefügt werden.


XML/HTML-CodeInhalt in die Zwischenablage kopieren
1. <ol umgekehrt="umgekehrt" >
2. Dies ist eine von XHTML geerbte Schreibmethode. Tatsächlich können Sie sie direkt schreiben
3. <ol umgekehrt>

Dies entspricht bereits dem HTML5-Standard. Nach dem Hinzufügen können Sie das Ergebnis wie folgt erhalten


Es gibt kein Problem in Chrome und Firefox, aber IE ist damit nicht kompatibel (zumindest habe ich IE10 getestet und es ist nicht kompatibel). Nun, wir lernen gerade erst etwas über diese Funktion. Ob der IE sie tatsächlich implementiert, werden wir vorerst nicht diskutieren.
Was ist als nächstes, wenn Sie nicht möchten, dass es bei 1 beginnt? Wenn wir beispielsweise möchten, dass es bei 3 beginnt, können wir das Startattribut zum OL-Tag hinzufügen und es auf 3 setzen.


XML/HTML-CodeInhalt in die Zwischenablage kopieren
1. <ol Start="3" >



Abschließend: Was tun mit etwas, das völlig unregelmäßig, aber geordnet ist? Wenn ich zum Beispiel 2, 1, 3, 4 möchte, was soll ich dann mit dieser Anordnung machen? Tatsächlich können Sie diese Seriennummer steuern, indem Sie das Wertattribut zu LI hinzufügen.


XML/HTML-CodeInhalt in die Zwischenablage kopieren
1. <ol>
2. <li Wert="2" >Kartoffelnli>
3. <li Wert="1" >Zwiebelli>
4. <li Wert="3" >Karotteli>
5. <li Wert="4" >Filetli>
6. ol>