KWALIFIKACJA INF3 - CZERWIEC 2018

PYTANIE NR 5.
W języku HTML zdefiniowano hiperłącze ze znakiem #. Co stanie się po wybraniu przedstawionego odsyłacza?

<a href="#dane">

A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Odsyłacz z #dane w atrybucie href wskazuje na fragment dokumentu o identyfikatorze id="dane". Po kliknięciu przeglądarka przejdzie (zwykle przewinie widok) do elementu o takim id w obrębie tej samej strony, a nie otworzy nowej karty ani nie uruchomi skryptu.

Pełne wyjaśnienie:

W zapisie <a href="#dane"> część po znaku # to tzw. identyfikator fragmentu (fragment adresu). Oznacza on, że łącze nie prowadzi do innego pliku ani innej domeny, tylko wskazuje miejsce w tym samym dokumencie. Po kliknięciu przeglądarka spróbuje odnaleźć element, którego atrybut id ma wartość dane (czyli element w rodzaju: <h2 id="dane">...</h2>).

Jeżeli taki element istnieje, typowym skutkiem jest przewinięcie strony do tej sekcji (oraz ustawienie fokusu/nawigacji w obrębie dokumentu zgodnie z zachowaniem przeglądarki). To mechanizm powszechnie używany do budowy spisów treści, menu "Przejdź do sekcji" i odsyłaczy w długich dokumentach.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • "Otworzy się osobna karta przeglądarki o nazwie dane." Sam fragment #... nie oznacza nazwy karty. Nowa karta zależy od sposobu otwarcia linku (np. przez atrybut target lub akcję użytkownika), a nie od samego #fragmentu.
  • "Zostanie wybrany adres względny URL o nazwie dane." Adres względny dotyczyłby ścieżki typu dane.html lub /dane. Tutaj mamy #dane, czyli odwołanie do fragmentu w bieżącym zasobie.
  • "Zostanie wywołany skrypt o nazwie dane." Kliknięcie zwykłego łącza z #fragmentem nie uruchamia skryptu "z nazwy". Skrypt wymagałby obsługi zdarzenia (np. w JavaScript) albo specjalnego adresu/protokołu, czego w podanym odsyłaczu nie ma.

Wskazówka egzaminacyjna: gdy widzisz href="#...", myśl "kotwica/nawigacja w obrębie strony". Gdy widzisz ścieżkę lub domenę bez #, myśl "przejście do innego zasobu".

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znak # w href oznacza odwołanie do fragmentu w tym samym dokumencie (tzw. kotwicy). Tekst po # powinien odpowiadać wartości id elementu, do którego przeglądarka ma przejść po kliknięciu.
Po kliknięciu przeglądarka szuka elementu z id="dane". Jeśli go znajdzie, zwykle przewija widok do tego miejsca w obrębie tej samej strony. Nie jest to przejście do nowej podstrony ani automatyczne uruchomienie kodu.
Nowa karta zależy od sposobu otwarcia (np. kliknięcie środkowym przyciskiem) albo od ustawień typu target. Sam fragment #... tylko wskazuje miejsce w dokumencie, więc standardowo przeglądarka pozostaje w tej samej karcie.
Jeśli w dokumencie nie istnieje element o takim id, przeglądarka nie ma dokąd przewinąć. Zwykle pozostaniesz w tym samym miejscu, a w pasku adresu może pojawić się fragment #dane. Szczegóły zachowania mogą zależeć od przeglądarki.
Nadaj sekcji identyfikator, np. id: <h2 id="dane">, a potem utwórz link: <a href="#dane">. Ważne, aby wartość po # była identyczna jak wartość atrybutu id.
href="#dane" prowadzi do fragmentu w tej samej stronie (element z id). Z kolei href="dane.html" to przejście do innego zasobu (pliku/podstrony). To częsty punkt pomyłek w zadaniach z podstaw nawigacji HTML.
Nie powinno się. Atrybut id ma służyć jako unikalny identyfikator elementu w dokumencie. Duplikaty mogą powodować nieprzewidywalne działanie nawigacji po #fragmencie, problemy z selekcją w CSS i błędy w skryptach.
Najczęstsze błędy to: literówka w wartości po #, brak elementu z pasującym id, mylenie id z class, oraz założenie, że # uruchamia skrypt. Na egzaminie zawsze sprawdź zgodność: #wartość ↔ id.
Stosuje się je do nawigacji w długich treściach: spisy treści artykułów, przejście do sekcji "Kontakt", skoki do wiersza tabeli, FAQ z listą pytań na górze strony. To prosta technika poprawiająca użyteczność bez dodatkowych bibliotek.
Ćwicz rozpoznawanie typów odsyłaczy: do fragmentu (#), względnych ścieżek (np. folder/strona), oraz bezwzględnych adresów (z protokołem). W praktyce zbuduj stronę z kilkoma sekcjami i menu, które przewija do nagłówków.
info

Około 75% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Specjaliści zwracają uwagę: "Odsyłacz z #dane w atrybucie href wskazuje na fragment dokumentu o identyfikatorze id="dane"."

Źródła:

  • WHATWG HTML Living Standard – sekcje dotyczące tworzenia hiperłączy i nawigacji po fragmentach (fragment identifiers): https://html.spec.whatwg.org/ (dostęp: 2026-03-05)
  • MDN Web Docs – element &lt;a&gt; (Anchor): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a (dostęp: 2026-03-05)
  • MDN Web Docs – atrybut globalny id: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id (dostęp: 2026-03-05)

Materiały:

  • Dokumentacja HTML (sekcje o hiperłączach i fragmentach adresu)
  • MDN Web Docs – artykuły o elementach odsyłaczy i identyfikatorach
  • Ćwiczenia praktyczne: budowa strony z kilkoma sekcjami i nawigacją do #sekcji

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego