KWALIFIKACJA INF3 - CZERWIEC 2017

PYTANIE NR 11.
Przedstawiono fragment kodu HTML, który nie waliduje się poprawnie. Błąd walidacji tego fragmentu kodu będzie dotyczył
Ilustracja przedstawia fragment kodu HTML, który jest częścią pytania egzaminacyjnego dotyczącego kwalifikacji zawodowej
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Błąd "braku cudzysłowu" dotyczy sytuacji, gdy wartość atrybutu w HTML została zapisana bez wymaganych cudzysłowów (np. przy spacjach lub znakach specjalnych). Elementy <br> i <img> w HTML5 są pustymi (void), więc nie domyka się ich znacznikiem końcowym, a "powtórzenie nazwy pliku" nie jest błędem walidacji składni.

Pełne wyjaśnienie:

Walidacja HTML polega na sprawdzeniu, czy dokument spełnia reguły przyjętego standardu i czy parser może go jednoznacznie zinterpretować. W tym typie zadań błąd często wynika z niepoprawnego zapisu atrybutów, a nie z samego istnienia elementu.

Odpowiedź "braku cudzysłowu." odnosi się do sytuacji, gdy wartość atrybutu (np. src, alt, class) została zapisana w sposób niezgodny z regułami walidatora. W praktyce najbezpieczniej jest ujmować wartości atrybutów w cudzysłów, bo eliminuje to problemy z rozdzielaniem tokenów (np. gdy w wartości pojawiają się spacje lub znaki, które kończą wartość niecytowaną).

Dlaczego pozostałe odpowiedzi nie pasują do typowego błędu walidacji w HTML5?

  • "niedomknięcia znacznika br." – element <br> należy do elementów pustych (void), czyli w HTML5 nie posiada znacznika zamykającego. Walidator nie oczekuje więc osobnego </br>. W XHTML bywało wymagane zapisywanie go jako <br />, ale to inny reżim składni.
  • "niedomknięcia znacznika img." – analogicznie, <img> jest elementem pustym (void). W HTML5 poprawny jest zapis bez znacznika końcowego. W XHTML spotykało się formę <img ... />, jednak nadal nie jest to "domknięcie znacznikiem końcowym", tylko składniowy zapis pustego elementu.
  • "powtórzenia nazwy pliku graficznego." – powtarzająca się nazwa pliku (np. w ścieżce lub w kilku miejscach) może być błędem logicznym, stylistycznym albo problemem organizacji zasobów, ale nie jest typowym błędem składni wykrywanym przez walidator HTML.

Warto pamiętać o ważnym niuansie: w HTML5 niektóre wartości atrybutów mogą być niecytowane, o ile nie zawierają znaków niedozwolonych dla wartości niecytowanej. Dlatego to zadanie jest wrażliwe na to, jaki standard i jakie reguły walidatora przyjmujemy. Na egzaminie najczęściej oczekuje się bezpiecznej, poprawnej praktyki: wartości atrybutów w cudzysłowach oraz zgodności z typowym walidatorem HTML.

Wskazówka egzaminacyjna: jeśli w kodzie widzisz atrybut typu src= lub alt= i brak znaków "..." wokół wartości (zwłaszcza gdy w wartości są spacje), to jest to częsty powód komunikatu walidatora.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Walidacja HTML to sprawdzenie, czy kod jest zgodny ze standardem i czy nie zawiera błędów składni. Pomaga wykryć problemy, które mogą powodować różne zachowanie strony w przeglądarkach, utrudniać dostępność lub psuć strukturę dokumentu.
Najczęstsze błędy to: brak wymaganych cudzysłowów przy wartości atrybutu, użycie niedozwolonych znaków w wartości niecytowanej, literówki w nazwie atrybutu oraz brak wymaganych atrybutów (np. alt w <img>).
Nie zawsze, bo HTML5 dopuszcza wartości niecytowane w pewnych warunkach. W praktyce jednak cudzysłowy są zalecane, bo zmniejszają ryzyko błędów i ułatwiają utrzymanie kodu, a także lepiej współgrają z narzędziami.
Ponieważ są to elementy puste (void). Nie mogą zawierać treści, więc nie występuje dla nich forma końcowa typu </br> czy </img>. W HTML5 poprawny jest zapis pojedynczego znacznika startowego z atrybutami.
Błąd składni dotyczy reguł języka (np. niepoprawny atrybut, zła struktura elementów) i zwykle wykryje go walidator. Błąd logiczny dotyczy sensu (np. powtarzająca się nazwa pliku, zła treść alt) i może nie być błędem walidacji, choć jest problemem jakości.
Najbezpieczniej zapisać go z cudzysłowami, np. <img src="grafika/logo.png" alt="Logo">. Dzięki temu nie ma ryzyka, że spacja lub znak specjalny przerwie wartość atrybutu i spowoduje błąd walidacji.
Gdy wartość atrybutu bez cudzysłowów zawiera znaki niedozwolone dla wartości niecytowanej (np. spacje). Wtedy parser nie potrafi jednoznacznie odczytać, gdzie kończy się wartość, i walidator zwróci błąd składni.
Wejdź na stronę walidatora, wklej kod albo podaj URL i uruchom sprawdzanie. W raporcie odczytaj linię/kolumnę błędu oraz opis. Potem popraw wskazany fragment i uruchom walidację ponownie, aż liczba błędów spadnie do zera.
Typowe pułapki to mylenie HTML5 z XHTML (inne zasady zapisu), traktowanie elementów pustych jak wymagających zamknięcia oraz zakładanie, że problem zawsze dotyczy tagu, a nie atrybutu. Warto czytać uważnie atrybuty i ich wartości.
W HTML5 taki zapis zwykle nie powoduje katastrofy, ale nie jest wymagany. Jest to nawyk z XHTML. Na egzaminie lepiej rozumieć zasadę: <br> i <img> są void, więc nie mają znacznika końcowego; kluczowe są poprawne atrybuty.
info

To pytanie poprawnie rozwiązuje 41% zdających egzamin. trudne

Według specjalistów z branży: "Błąd "braku cudzysłowu" dotyczy sytuacji, gdy wartość atrybutu w HTML została zapisana bez wymaganych cudzysłowów (np. przy spacjach lub znakach specjalnych)."

Źródła:

  • WHATWG HTML Living Standard – Attributes (syntax and parsing), https://html.spec.whatwg.org/multipage/syntax.html#attributes-2 (dostęp: 2026-02-27)
  • WHATWG HTML Living Standard – Void elements (concept), https://html.spec.whatwg.org/multipage/syntax.html#void-elements (dostęp: 2026-02-27)
  • W3C Nu HTML Checker – Documentation/Help (validator behavior and messages), https://validator.w3.org/nu/ (dostęp: 2026-02-27)

Materiały:

  • Specyfikacja HTML (WHATWG) – sekcje o atrybutach i tokenizacji
  • Dokumentacja Nu HTML Checker (walidator W3C/WHATWG) – zasady i typowe błędy
  • MDN Web Docs – artykuły o elementach pustych oraz o atrybutach HTML

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego