KWALIFIKACJA INF3 - STYCZEŃ 2016

PYTANIE NR 9.
Która z reguł walidacji strony internetowej jest błędna?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Alfabetyczna kolejność atrybutów nie jest wymogiem walidacji HTML5 – walidator ocenia poprawność składni i struktury, a nie styl zapisu. Poprawne jest natomiast symetryczne zagnieżdżanie tagów oraz zamykanie elementów (poza void elements). HTML nie rozróżnia też wielkości liter w nazwach znaczników.

Pełne wyjaśnienie:

Walidacja HTML polega na sprawdzeniu, czy dokument spełnia reguły składni i struktury opisane w specyfikacji. Dotyczy to m.in. poprawnego zagnieżdżania elementów oraz prawidłowego zamykania znaczników (z wyjątkiem tzw. void elements, np. <img>, które nie mają tagu zamykającego).

Stwierdzenie o "alfabetycznej kolejności atrybutów" jest błędne jako reguła walidacji: w HTML5 kolejność atrybutów w tagu nie wpływa na poprawność dokumentu. Zapis <img src="..." alt="..."> i <img alt="..." src="..."> jest równoważny dla parsera i walidatora. Taka kolejność może być co najwyżej konwencją zespołu, formattera lub lintera, czyli narzędzi dbających o czytelność i jednolity styl.

Pozostałe zasady są poprawne w kontekście walidacji:

  • Zagnieżdżanie: tagi powinny zamykać się w odwrotnej kolejności niż zostały otwarte (np. <p>...<big>...</big>...</p>). Naruszenie tej reguły prowadzi do błędnej struktury drzewa dokumentu.
  • Zamykanie elementów: typowe elementy (niebędące void elements) działają do momentu użycia odpowiadającego im tagu zamykającego z ukośnikiem, np. <p>...</p>.
  • Wielkość liter: HTML jest zasadniczo niewrażliwy na wielkość liter w nazwach znaczników (np. <p> i <P> zostaną zinterpretowane jako ten sam element), w przeciwieństwie do XHTML, gdzie historycznie obowiązywała większa rygorystyka.

W praktyce na egzaminie warto pamiętać rozróżnienie: walidacja sprawdza zgodność ze specyfikacją, a styl (np. kolejność atrybutów) wynika z ustaleń projektu lub narzędzi jakości kodu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Walidacja HTML to sprawdzenie, czy kod dokumentu jest zgodny ze specyfikacją HTML: poprawnie zagnieżdżony, właściwie zamknięty i poprawnie zapisany składniowo. Walidator wykrywa błędy struktury i składni, ale nie ocenia "ładnego stylu" zapisu.
W HTML5 parser interpretuje atrybuty jako pary nazwa–wartość przypisane do elementu, niezależnie od ich kolejności w zapisie. Dlatego <img src="x" alt="y"> i <img alt="y" src="x"> są równoważne dla przeglądarki i walidatora.
Błąd walidacji oznacza niezgodność ze specyfikacją HTML (np. źle zagnieżdżone tagi). Ostrzeżenie lintera zwykle dotyczy stylu i jakości (np. preferowana kolejność atrybutów), które mogą być konwencją zespołu. Linter nie jest walidatorem.
Większość elementów wymaga tagu zamykającego, np. <p>...</p>. Wyjątkiem są tzw. void elements (np. <img>, <br>), które nie mają tagu zamykającego. Pomylenie tych grup często prowadzi do błędów struktury.
Najczęstszy błąd to "krzyżowanie" tagów, np. otwarcie <p> potem <strong>, a zamknięcie </p> przed </strong>. Poprawna zasada jest taka, że zamyka się w odwrotnej kolejności niż otwiera, aby zachować spójne drzewo DOM.
W HTML nazwy znaczników są zasadniczo niewrażliwe na wielkość liter, więc <p> i <P> zostaną potraktowane jako ten sam element. Uwaga: w XHTML historycznie obowiązywała większa rygorystyka, dlatego niektóre materiały mogą wprowadzać w błąd.
Alfabetyczna kolejność atrybutów bywa przydatna jako konwencja zespołowa: ułatwia szybkie porównywanie zmian w systemie kontroli wersji i poprawia czytelność. To jednak kwestia stylu (formatowania), a nie warunek poprawności walidacyjnej HTML.
Wejdź na stronę walidatora W3C, podaj adres URL, wklej kod albo prześlij plik i uruchom sprawdzanie. Następnie przeczytaj listę błędów i wskazane linie. Popraw najpierw błędy zagnieżdżania i brakujące tagi zamykające, bo generują kolejne komunikaty.
Void elements to elementy, które nie mają treści i nie posiadają tagu zamykającego (np. <img>, <br>, <hr>). Ich dokładna lista wynika ze specyfikacji HTML. W praktyce warto zapamiętać najczęstsze, bo błędne "zamykanie" lub "otwieranie" wpływa na strukturę dokumentu.
Ćwicz rozpoznawanie błędów: złe zagnieżdżanie, brak zamknięcia elementu, niepoprawne użycie void elements i niezgodności składni. Równocześnie ucz się odróżniać wymagania specyfikacji od konwencji stylu narzędzi (formatter/linter). To częsty "haczyk" w testach.
info

To pytanie poprawnie rozwiązuje 60% zdających egzamin. średnie

Eksperci podkreślają: "Alfabetyczna kolejność atrybutów nie jest wymogiem walidacji HTML5 – walidator ocenia poprawność składni i struktury, a nie styl zapisu."

Źródła:

  • HTML Living Standard (WHATWG) – rozdziały dotyczące składni HTML i atrybutów: https://html.spec.whatwg.org/ (dostęp: 2026-03-02)
  • W3C Markup Validation Service – opis walidacji i celu walidatora: https://validator.w3.org/ (dostęp: 2026-03-02)
  • MDN Web Docs – dokumentacja HTML (elementy, atrybuty, składnia): https://developer.mozilla.org/en-US/docs/Web/HTML (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja WHATWG HTML (sekcje o atrybutach i składni tagów)
  • W3C Markup Validation Service – opis działania i przykłady błędów
  • MDN Web Docs: artykuły o składni HTML, atrybutach i zagnieżdżaniu elementów

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego