Fragment kodu napisany w języku HTML, zamieszczony w ramce, przedstawia listę
<ol> <li>Pierwszy</li> <li>Drugi</li> <li>Trzeci</li> </ol>
A. wypunktowaną.
Źle. Listę wypunktowaną tworzy
<ul>, a w kodzie jest <ol>.B. odnośników.
Źle. W kodzie nie ma znaczników
<a>, więc to nie są odnośniki.C. skrótów.
Źle. HTML nie ma listy skrótów; skróty oznacza
<abbr>.D. numerowaną.
Dobrze.
<ol> to lista uporządkowana, przeglądarka numeruje jej pozycje.Pytanie z egzaminu CKE, wrzesień 2014 (arkusz E.14-X-14.08).
Znacznik
<ol> to skrót od „ordered list”, czyli lista uporządkowana. Przeglądarka sama numeruje jej pozycje, więc trzy elementy <li> wyświetlą się jako 1. Pierwszy, 2. Drugi, 3. Trzeci. Do zapamiętania: <ol> daje listę numerowaną, <ul> wypunktowaną, a w obu przypadkach każdą pozycję zapisuje się w <li>. Sposób numeracji zmienisz atrybutem type, na przykład type="A" dla liter albo type="i" dla cyfr rzymskich, a atrybut start pozwala zacząć od innej liczby. Wygląd znaczników można też zmienić w CSS właściwością list-style-type. Taka lista dobrze sprawdza się w instrukcjach krok po kroku i w rankingach, gdzie kolejność ma znaczenie.Najczęstsza pomyłka to zamiana dwóch podobnych skrótów.
<ul> (unordered list) tworzy listę wypunktowaną, z kropkami lub kwadracikami, a w kodzie z pytania jest <ol>, który numeruje pozycje. Lista odnośników nie jest osobnym rodzajem listy: linki to znaczniki <a>, które można umieścić w dowolnej liście, ale w tym kodzie żadnego <a> nie ma. Lista skrótów też nie istnieje w HTML jako typ listy; skróty oznacza się znacznikiem <abbr>, a pojęcia z opisami zapisuje się w liście definicji <dl> z elementami <dt> i <dd>. O rodzaju listy decyduje zewnętrzny znacznik, a tutaj jest nim <ol>. Wygląd listy można zmienić stylami CSS, ale semantyka zostaje: <ol> mówi, że kolejność pozycji jest istotna, a <ul>, że nie jest. Dlatego numeracji nie wpisuje się ręcznie w tekst elementów - przeglądarka nadaje ją sama i przelicza po dodaniu nowej pozycji.