Das Tag <ol> bezeichnet eine geordnete oder nummerierte Liste, englisch ordered list, also eine Liste, bei der die Reihenfolge der Elemente von Bedeutung ist.

<ol> leitet eine nummerierte Liste ein (ol = ordered list = nummerierte Liste). Mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item= Listeneintrag). </li> beendet den Listeneintrag, </ol> die Liste.

Das Verschachteln von nummerierten Listen ist ebenfalls möglich, bewirkt aber keine Gesamtnummerierung. Automatische Nummerierungshierarchien wie 1, 1.1, 1.1.1, sind mit HTML allein nicht möglich. Dazu bedarf es der Unterstützung von css

 

<ol> 
<li> 
  Frank                   </li> 
<li>    Bernd                  </li> 
<li>    Anja                     </li> 
<li>    Thomas              </li> 
<li>    Nadine               </li> 
</ol>

 

dies würde im Browser folgt aussehen:

  1. Frank
  2. Bernd
  3. Anja
  4. Thomas
  5. Nadine

 

HTML5 ermöglicht es zusätzlich, die Zählrichtung umzukehren wie bei der Bekanntgabe von Gewinnern bei einer Verlosung häufig praktiziert. Für den Startwert wird das start-Attribut des ol-Elementes genutzt, das Rückwärtszählen durch das Attribut reversed veranlasst.

 

<ol reversed="reserved"> 
<li> 
  Frank                   </li> 
<li>    Bernd                  </li> 
<li>    Anja                     </li> 
<li>    Thomas              </li> 
<li>    Nadine               </li> 
</ol>

dies würde im Browser folgt aussehen:

  1. Frank
  2. Bernd
  3. Anja
  4. Thomas
  5. Nadine

 

© Systemschock. All Rights Reserved.
Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Weitere Informationen Ok Ablehnen