Walidator W3C wygenerował błąd walidacji: End tag p seen, but there were open elements. Którego fragmentu kodu on dotyczy?

Poprawna odpowiedź: D (<p>Ala ma <b>kota</p></b>)

<p>Ala ma <b>kota</p></b>.

Komunikat błędu "End tag p seen, but there were open elements" oznacza, że walidator napotkał zamykający tag </p>, ale wewnątrz tego elementu <p> nadal znajdował się inny, nie zamknięty jeszcze element. W tym przypadku, problemem jest nieprawidłowe zagnieżdżenie i zamknięcie tagów.

Przeanalizujmy opcję D: <p>Ala ma <b>kota</p></b>

1. Otwieramy tag <p>.
2. Wewnątrz <p> otwieramy tag <b>.
3. Następnie zamykamy tag </p> zanim tag <b> został zamknięty.
4. Dopiero potem próbujemy zamknąć tag </b>.

Prawidłowa kolejność zamykania zagnieżdżonych tagów to "ostatni otwarty, pierwszy zamknięty" (LIFO - Last In, First Out). Poprawnie powinno być: <p>Ala ma <b>kota</b></p>.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: <p>Ala ma <b>kota</b></p> — Ten fragment jest poprawny. Tag <b> jest prawidłowo zagnieżdżony i zamknięty wewnątrz <p>.
• B: <p>Ala ma kota — Brakuje zamykającego tagu </p>. Błąd walidacji byłby inny, np. "Unclosed element p".
• C: <p>Ala ma kota</p> — Ten fragment jest poprawny.