KWALIFIKACJA INF3 - PAŹDZIERNIK 2016

PYTANIE NR 2.
Zapis znacznika HTML w postaci

<a href="#hobby">przejdź</a>

A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Odnośnik z href="#hobby" wskazuje na fragment bieżącej strony.
Po kliknięciu przeglądarka interpretuje część po znaku # jako identyfikator fragmentu i próbuje przejść do elementu o identyfikatorze "hobby" (zwykle id="hobby"), przewijając dokument do tej sekcji. Znak # w takim użyciu jest poprawny.

Pełne wyjaśnienie:

W HTML odnośnik tworzony znacznikiem <a> może prowadzić nie tylko do innej strony, ale także do konkretnego miejsca (fragmentu) w tym samym dokumencie. Służy do tego tzw. identyfikator fragmentu w adresie, zapisywany po znaku #, np. #hobby.

Gdy w kodzie znajduje się zapis <a href="#hobby">...</a>, kliknięcie linku nie wymaga otwierania nowego URL w sensie przejścia na inną domenę ani plik. Przeglądarka dopisuje fragment do bieżącego adresu i próbuje odnaleźć w dokumencie element, którego identyfikator odpowiada temu fragmentowi (najczęściej jest to element z atrybutem id, np. id="hobby"). Jeśli element istnieje, następuje przewinięcie/ustawienie fokusu na tę część strony.

Stwierdzenie, że znak # jest użyty błędnie, jest niepoprawne: w URL-ach webowych # ma standardowe znaczenie jako separator fragmentu. Również twierdzenie, że otworzy się strona o adresie "hobby", jest mylące: sam fragment nie jest osobnym adresem zasobu, tylko wskazaniem miejsca w aktualnym zasobie. Z kolei wymaganie, aby zawsze podawać pełny adres URL w href, to nadmierne uproszczenie — HTML dopuszcza adresy względne oraz odnośniki do fragmentów.

Wskazówka egzaminacyjna: jeśli w odpowiedziach pojawia się opis "przewinięcie do elementu", szukaj w pytaniu zapisu href="#...". To klasyczny mechanizm nawigacji po sekcjach strony.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znak # oznacza identyfikator fragmentu (anchor/fragment). W linku typu href="#sekcja" przeglądarka próbuje przejść do miejsca w bieżącej stronie wskazanego przez fragment sekcja, zwykle dopasowując go do id elementu.
Po kliknięciu linku przeglądarka nie otwiera nowej strony, tylko zmienia fragment adresu na #hobby i przewija dokument do elementu, który ma identyfikator odpowiadający temu fragmentowi (najczęściej id="hobby").
Ponieważ część po # nie jest ścieżką do pliku ani domeną. To wskazanie miejsca wewnątrz tego samego zasobu. Dlatego typowe działanie to przewinięcie lub ustawienie fokusowania na element, a nie nawigacja do innego dokumentu.
W praktyce fragment #... powinien odpowiadać wartości atrybutu id elementu w dokumencie, np. <section id="hobby">. Jeśli takiego elementu nie ma, link nie przewinie do oczekiwanej sekcji.
Nie. W HTML dopuszczalne są adresy względne (np. kontakt.html), odnośniki do fragmentów (np. #kontakt) oraz pełne URL-e. Wybór zależy od tego, czy chcesz przejść do innego zasobu, czy do miejsca w bieżącej stronie.
Najczęściej w długich dokumentach: spis treści, menu sekcji na landing page, przejście do FAQ, regulaminu lub konkretnego nagłówka. To poprawia użyteczność, bo użytkownik szybko trafia do właściwej części treści.
Typowe błędy to: brak elementu z pasującym id, literówka w nazwie fragmentu (wielkość liter ma znaczenie), duplikaty id w dokumencie oraz wstawienie # do href z przekonaniem, że to "komentarz" lub "ozdobnik".
Zazwyczaj nie. Fragment identyfikuje miejsce po stronie przeglądarki i nie jest częścią ścieżki zasobu wysyłanej w typowym żądaniu do serwera. Dlatego przewijanie do sekcji może działać bez dodatkowego przetwarzania po stronie backendu.
Dodaj w dokumencie element z id="hobby", np. nagłówek lub sekcję, a następnie kliknij link. Jeśli strona przewija do właściwego miejsca i w pasku adresu pojawia się #hobby, mechanizm działa prawidłowo.
Przećwicz: link zewnętrzny, link względny, link do fragmentu (#...), a także atrybuty target i rel. W zadaniach testowych zwracaj uwagę, czy href wskazuje URL, plik, czy fragment — to zwykle decyduje o poprawnej interpretacji.
info

Statystycznie 82% uczniów zna prawidłową odpowiedź. średnio łatwe

Eksperci podkreślają: "Znak # w takim użyciu jest poprawny."

Źródła:

  • MDN Web Docs: "&lt;a&gt;: The Anchor element" (sekcja dotycząca href i linków do fragmentów), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a - dostęp 2026-03-02
  • MDN Web Docs: "URL hash" / "Fragment identifier" (wyjaśnienie znaczenia części po # w URL), https://developer.mozilla.org/en-US/docs/Web/API/Location/hash - dostęp 2026-03-02
  • WHATWG HTML Living Standard: "The a element" (definicja zachowania odnośników), https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element - dostęp 2026-03-02

Materiały:

  • Dokumentacja MDN: element &lt;a&gt; i atrybut href
  • WHATWG HTML Living Standard: URLs i fragment identifiers
  • Ćwiczenia praktyczne: strona z kilkoma sekcjami i linkami #sekcja

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego