KWALIFIKACJA INF3 - STYCZEŃ 2019

PYTANIE NR 10.
Który zapis znacznika <div> może wystąpić w dokumencie HTML tylko jeden raz, a ponowne użycie tego zapisu spowoduje wygenerowanie błędów podczas walidacji dokumentu?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Atrybut identyfikujący element powinien mieć w obrębie jednego dokumentu wartość unikalną.
Dlatego zapis z id nie może być powtórzony z tą samą wartością bez zgłoszenia problemu przez walidator. Atrybut class służy do grupowania wielu elementów, a sam znacznik <div> może występować wielokrotnie.

Pełne wyjaśnienie:

W HTML elementy mogą mieć różne atrybuty, które pełnią odmienne role. Kluczowa różnica w tym zadaniu dotyczy atrybutu id oraz class.

Dlaczego poprawny jest zapis <div id="identyfkator">?
Atrybut id służy do jednoznacznej identyfikacji elementu w obrębie jednego dokumentu. W praktyce oznacza to, że dana wartość identyfikatora powinna być przypisana tylko jednemu elementowi. Gdy ta sama wartość pojawi się ponownie, walidator zgłasza błąd zgodności, bo przestaje być spełniona zasada unikalności identyfikatora.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • <div class="klasa1 klasa2"> oraz <div class="klasa">: atrybut class jest przeznaczony do przypisywania elementów do jednej lub wielu klas. To normalne, że wiele elementów współdzieli tę samą klasę (np. dla wspólnego stylu CSS lub wspólnej obsługi w JS).
  • <div>: sam element <div> jest kontenerem blokowym i może występować w dokumencie wielokrotnie, bez ograniczenia do jednego użycia.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy "tylko jednego razu" w całym dokumencie, najczęściej chodzi o mechanizm identyfikacji (unikalny identyfikator) albo o elementy, które specyfikacja ogranicza do pojedynczego wystąpienia. W przypadku <div> takim wyróżnikiem jest właśnie użycie id jako identyfikatora elementu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Atrybut id to globalny atrybut HTML służący do jednoznacznej identyfikacji elementu w dokumencie. Ułatwia tworzenie selektorów CSS, odwołań w JavaScript oraz linków-kotwic. Dobra praktyka wymaga, aby ta sama wartość id nie powtarzała się w jednym dokumencie.
Unikalność id zapewnia, że odwołania do elementu są jednoznaczne. Gdy identyfikator się powtarza, selektory i skrypty mogą wskazywać nieoczekiwany element, a walidator może zgłosić błąd zgodności. To zmniejsza niezawodność kodu i utrudnia utrzymanie projektu.
Atrybut class służy do przypisywania elementu do jednej lub wielu klas (np. "klasa1 klasa2"). Klasy są przeznaczone do grupowania wielu elementów, więc mogą (i zwykle powinny) się powtarzać w dokumencie. Najczęściej używa się ich do wspólnego stylowania CSS lub wspólnej logiki w JS.
id identyfikuje pojedynczy element (selekcja przez #nazwa), a class grupuje wiele elementów (selekcja przez .nazwa). W praktyce: id stosuje się do unikatowych fragmentów strony, a class do elementów powtarzalnych (np. wiele przycisków o tym samym wyglądzie).
Tak. Element <div> jest ogólnym kontenerem blokowym i może występować w dokumencie wielokrotnie. Ograniczenie "tylko raz" nie dotyczy samego <div>, lecz ewentualnie konkretnej wartości atrybutu identyfikującego (np. powtórzonego id) lub innych elementów o szczególnych zasadach.
Niekoniecznie. Przeglądarka często nadal wyrenderuje stronę, ale powtórzone id wprowadza niejednoznaczność. JavaScript lub CSS mogą działać "losowo" z perspektywy autora (np. wybiorą pierwszy pasujący element). Walidator może też zgłosić błąd, co jest sygnałem problemu jakości kodu.
Użyj walidatora HTML (np. usługi W3C) i przeanalizuj raport błędów. W przypadku duplikacji identyfikatora walidator zwykle wskaże, że ta sama wartość id występuje więcej niż raz. Następnie zmień wartości identyfikatorów tak, aby były unikalne w obrębie dokumentu.
Najczęstsze pomyłki to: mylenie ról id i class, przekonanie że klasa musi być unikalna, oraz traktowanie walidacji jako "opcjonalnej" mimo że pytanie dotyczy błędów walidatora. Warto zapamiętać: id identyfikuje, class grupuje.
class wybieraj, gdy ten sam styl lub zachowanie ma dotyczyć wielu elementów (np. kilka kart produktu, wiele przycisków). id jest lepsze dla elementów unikalnych (np. główny nagłówek, jeden formularz logowania). Taki podział ułatwia CSS, JS i utrzymanie projektu.
Ćwicz na realnych plikach: twórz prostą stronę, dodawaj celowe błędy (np. duplikat id), a potem uruchamiaj walidator i czytaj komunikaty. Utrwal różnice między atrybutami globalnymi, rolę semantyki oraz podstawowe reguły zgodności. To szybko podnosi skuteczność na testach.
info

Około 61% zdających odpowiada poprawnie na to pytanie. średnie

Według specjalistów z branży: "Atrybut identyfikujący element powinien mieć w obrębie jednego dokumentu wartość unikalną.Dlatego zapis z id nie może być powtórzony z tą samą wartością bez zgłoszenia problemu przez walidator."

Źródła:

  • WHATWG HTML Living Standard – The id attribute (wymagania dotyczące unikalności identyfikatora w dokumencie): https://html.spec.whatwg.org/multipage/dom.html#the-id-attribute - dostęp 2026-03-02
  • MDN Web Docs – Global attributes: id (opis przeznaczenia i wymogu unikalności identyfikatora): https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id - dostęp 2026-03-02
  • W3C Markup Validation Service – dokumentacja i typowe błędy walidacji (kontekst działania walidatora): https://validator.w3.org/docs/ - dostęp 2026-03-02

Materiały:

  • Specyfikacja HTML (wymagania dotyczące atrybutu id i błędów zgodności)
  • Dokumentacja walidatora W3C/WHATWG dotycząca typowych błędów walidacji
  • Kurs podstaw HTML i CSS (sekcja o atrybutach i selektorach)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego