Która lista jest interpretacją przedstawionego kodu?
<ol> numeruje muzykę i filmy, a każda pozycja ma własną listę <ul> z punktorami.Pytanie z egzaminu CKE, czerwiec 2019 (arkusz EE.09-X-19.06).
Zewnętrzny znacznik <ol> tworzy listę numerowaną, więc elementy muzyka i filmy dostają numery 1 i 2. Wewnątrz każdego z tych elementów <li> znajduje się osobna lista <ul>, czyli wypunktowana, wyświetlana z wcięciem. Pod pozycją muzyka pojawiają się więc punkty Wpis1 i Wpis2, a pod pozycją filmy - Wpis3 i Wpis4.
Lista zagnieżdżona musi leżeć wewnątrz elementu <li>, do którego należy, przed jego znacznikiem zamykającym. Przeglądarka zmienia przy tym symbol punktora na kolejnym poziomie, dlatego wewnętrzne pozycje mają puste kółka zamiast kropek. Reguła: <ol> daje numery, <ul> punktory.
Sprawdzając wynik takiego kodu, zawsze zaczynaj od zewnętrznej listy.
Przy interpretacji tego kodu trzeba ustalić dwie rzeczy: która lista jest zewnętrzna i gdzie zaczyna się każda z wewnętrznych. Rysunki z kropkami przy muzyce i filmach zamieniają typy list. Kropki dałby <ul> na zewnątrz, a tu zewnętrzną listę otwiera <ol>, więc główne pozycje muszą być ponumerowane.
Rysunek, na którym wszystkie cztery wpisy stoją pod muzyką, ignoruje zamknięcie pierwszego <li>. Lista z Wpis1 i Wpis2 kończy się razem z pozycją muzyka, a Wpis3 i Wpis4 należą do osobnej listy wewnątrz pozycji filmy.
Rysunek z wpisami numerowanymi od 1 do 4 pod jedną pozycją myli się w obu sprawach naraz. Poprawny rezultat to numerowane muzyka i filmy, każda z własną listą punktowaną.
Najprościej jest zacząć od rozpoznania zewnętrznego znacznika, a potem sprawdzić, gdzie zamyka się każda pozycja.