KWALIFIKACJA INF3 - STYCZEŃ 2024 (test 2)

PYTANIE NR 26.
Na podstawie fragmentu dokumentu HTML, określ co należy wpisać w miejsce kropek w odnośniku w menu, aby przenosił on do rozdziału 2.
Ilustracja przedstawia fragment dokumentu HTML, który jest częścią pytania egzaminacyjnego związanego z kwalifikacją
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Odnośnik do fragmentu tej samej strony używa identyfikatora fragmentu URL, czyli wartości zaczynającej się od znaku #.
Gdy rozdział 2 ma atrybut id="r2", w href należy wpisać #r2, aby przeglądarka przewinęła dokument do elementu o tym identyfikatorze.

Pełne wyjaśnienie:

W HTML odnośnik w znaczniku <a> wskazuje cel poprzez atrybut href. Gdy chcemy przejść do fragmentu tej samej strony (np. do konkretnego rozdziału/sekcji), stosuje się tzw. identyfikator fragmentu (fragment identifier) w postaci #nazwa_id. Przeglądarka interpretuje część po znaku # jako odwołanie do elementu w dokumencie, który ma atrybut id o tej samej wartości.

Dlatego zapis href = "#r2" jest poprawny, jeżeli rozdział 2 (np. nagłówek <h2> lub sekcja <section>) ma ustawione id="r2". Kliknięcie linku powoduje przewinięcie (lub ustawienie fokusu) do tego miejsca i aktualizację adresu w pasku URL o fragment #r2.

Dlaczego pozostałe propozycje są błędne w typowym scenariuszu linkowania wewnętrznego?

  • href = "r2" (bez #) jest traktowane jak adres względny zasobu/plików (np. ścieżka), a nie jak wskazanie fragmentu dokumentu. Może prowadzić do próby otwarcia podstrony lub zasobu o nazwie "r2".
  • href = "sekcja2" również wygląda jak adres względny. Dodatkowo nie wskazuje wprost na identyfikator elementu w dokumencie, tylko na potencjalny plik/ścieżkę.
  • href = "#sekcja2" byłoby poprawne wyłącznie wtedy, gdy rozdział 2 miałby id="sekcja2". Jeśli identyfikator w kodzie to "r2", to fragment musi być identyczny znak w znak.

Wskazówka egzaminacyjna: w pytaniach o przejście do sekcji/rozdziału na tej samej stronie szukaj pary: href="#..." w menu oraz id="..." w nagłówku/sekcji. Te dwie wartości muszą być takie same, a znak # jest obowiązkowy dla linku do fragmentu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znak # w href oznacza odwołanie do fragmentu (sekcji) w tym samym dokumencie lub na wskazanej stronie. Przeglądarka szuka elementu o atrybucie id równym wartości po # i przewija do niego widok.
Ustaw w docelowej sekcji atrybut id, np. <section id="r2">, a w menu wpisz link <a href="#r2">. Wartości po # i w id muszą być identyczne.
Bez znaku # przeglądarka traktuje wartość jako adres URL (zwykle względny), czyli nazwę pliku lub ścieżkę. To nie jest mechanizm wskazywania miejsca w dokumencie. Do sekcji na tej samej stronie potrzebujesz postaci href="#...".
Rozdział 2 musi zawierać element z atrybutem id="r2" (np. nagłówek <h2 id="r2"> albo kontener sekcji). Jeśli w kodzie jest inne id, link zadziała dopiero po dopasowaniu wartości.
Tak, ale tylko wtedy, gdy w dokumencie istnieje element z id="sekcja2". Samo "ładne" brzmienie nazwy nie wystarcza. W praktyce na egzaminie dopasowujesz fragment po # do konkretnej wartości id widocznej w kodzie.
Najczęściej: pomijanie znaku #, literówki w id (różnica 1 znaku psuje działanie), używanie spacji w id, oraz mylenie name z id. W nowoczesnym HTML standardowo używa się id.
Jeśli w href jest tylko #id, cel jest w tej samej stronie. Jeśli masz np. podstrona.html#id, to przeglądarka otworzy podstronę i dopiero tam przejdzie do wskazanego fragmentu. Zawsze część po # dotyczy elementu o danym id.
W praktyce zaleca się zaczynać id od litery i używać prostych nazw (np. r2), bo ułatwia to selektory CSS i pracę w JS. Nawet jeśli przeglądarka czasem obsłuży nietypowe id, na egzaminie bezpieczniej trzymać się czytelnych identyfikatorów.
Otwórz DevTools i sprawdź element docelowy: czy ma właściwe id. Po kliknięciu linku zobacz w pasku adresu końcówkę #... oraz w konsoli możesz odczytać location.hash. Jeśli hash się zmienia, a strona nie przewija, id nie pasuje lub element nie istnieje.
Przećwicz mini-strony z menu i kilkoma sekcjami: dodaj id do nagłówków, buduj linki href="#id", testuj też linki względne do podstron. Na egzaminie czytaj uważnie, czy chodzi o przejście w obrębie dokumentu, czy o nawigację między plikami.
info

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

Źródła:

  • WHATWG HTML Living Standard – sekcja o elemencie a (links) i atrybucie href oraz fragment identifiers: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element (dostęp: 2026-03-01)
  • MDN Web Docs – &lt;a&gt;: The Anchor element (href, fragment): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a (dostęp: 2026-03-01)
  • MDN Web Docs – URL: Fragment (identyfikator fragmentu #...): https://developer.mozilla.org/en-US/docs/Web/API/URL/hash (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja WHATWG HTML dotycząca elementu a i odnośników
  • MDN Web Docs: artykuły o linkach, URL oraz identyfikatorach fragmentu
  • Ćwiczenia praktyczne: stworzenie strony z nagłówkami posiadającymi id oraz menu z linkami #id

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego