KWALIFIKACJA INF3 - WRZESIEŃ 2014

PYTANIE NR 3.
Wskaż sposób, w jaki należy odwołać się do pliku default.css, jeśli index.html znajduje się bezpośrednio w katalogu Strona?
Ilustracja przedstawia zrzut ekranu z systemu Windows, pokazujący okno eksploratora plików.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawne odwołanie do CSS w HTML powinno używać ścieżki względnej (URL) względem położenia pliku HTML.
Jeśli arkusz jest w podkatalogu style, zapis
<link ... href="./style/default.css">
wskazuje plik w katalogu potomnym. Ścieżki z C:, backslashami lub "..." nie są poprawnym URL dla strony WWW.

Pełne wyjaśnienie:

W HTML atrybut href w elemencie <link> (dla rel="stylesheet") powinien wskazywać lokalizację arkusza stylów jako URL. W praktyce, w projektach stron WWW najczęściej stosuje się ścieżki względne, ponieważ są przenośne: strona działa tak samo po skopiowaniu na inny komputer lub po wdrożeniu na serwer.

Odwołanie

<link rel="stylesheet" type="text/css" href="./style/default.css" />

oznacza: "weź plik default.css z podkatalogu style znajdującego się w tym samym katalogu co bieżący dokument HTML". To jest typowy i poprawny sposób łączenia plików w strukturze projektu.

Dlaczego pozostałe propozycje są błędne:

  • Ścieżka z "c:/..." jest ścieżką bezwzględną odnoszącą się do dysku w konkretnym komputerze. Na serwerze WWW (i na innym PC) taka lokalizacja zwykle nie istnieje, więc odwołanie przestaje działać.
  • Zapis "...\style\default.css" nie jest standardową składnią URL. W adresach URL nie używa się wielokropka jako operatora "przejdź wyżej", a separator katalogów powinien być ukośnikiem /.
  • Zapis "c:\style/default.css" miesza konwencje: backslash jest typowy dla Windows, natomiast URL i ścieżki w zasobach WWW wykorzystują ukośnik /. Dodatkowo dalej pozostaje problem powiązania z konkretnym komputerem.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy plików w projekcie strony, wybieraj odpowiedzi z ścieżką względną (często zaczynającą się od ./ lub bez prefiksu) i z ukośnikami /, a unikaj ścieżek "dyskowych" typu C:.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Najczęściej używa się elementu <link> w sekcji <head>, np. <link rel="stylesheet" href="./style/default.css">. Kluczowe jest poprawne ustawienie href jako URL do pliku CSS w strukturze projektu.
Ścieżka względna opisuje położenie pliku względem bieżącego dokumentu, a nie względem dysku komputera. Dzięki temu projekt działa po przeniesieniu na serwer. Przykład: ./style/default.css oznacza podkatalog style obok pliku HTML.
Adresy typu c:/... odnoszą się do konkretnego komputera i jego dysku. Na innym komputerze lub na serwerze WWW taka ścieżka zwykle nie istnieje, więc arkusz stylów nie zostanie wczytany. W projektach WWW stosuje się URL względne lub absolutne w ramach domeny.
W URL używa się ukośników / jako separatorów katalogów (np. style/default.css). Backslash \ jest typowy dla Windows i nie jest zalecany w odwołaniach URL w HTML, bo może powodować błędy lub niejednoznaczność interpretacji.
Prefiks ./ oznacza "w bieżącym katalogu", czyli tam, gdzie znajduje się plik HTML. Jest to jawna forma ścieżki względnej. W wielu przypadkach można go pominąć, ale zapis z ./ bywa czytelniejszy na egzaminie i w projektach.
Atrybut rel opisuje relację podłączanego zasobu do dokumentu. Wartość stylesheet informuje przeglądarkę, że wskazany plik jest arkuszem stylów CSS i powinien zostać pobrany oraz zastosowany do renderowania strony.
Czerwone flagi to m.in. litera dysku (np. C:), mieszanie separatorów (\ i /) oraz nietypowe zapisy typu .... Poprawne odpowiedzi zwykle przypominają adresy URL i odzwierciedlają strukturę katalogów projektu.
Gdy plik CSS leży obok HTML, wystarczy wskazać nazwę pliku, np. href="default.css" lub jawnie href="./default.css". Nie trzeba wtedy podawać nazwy podkatalogu, bo oba pliki znajdują się na tym samym poziomie.
To element porządkowania zasobów: osobno trzyma się style, skrypty i grafiki. Ułatwia to pracę zespołową, wdrożenia i utrzymanie projektu. Wtedy odwołania przyjmują postać np. ./style/default.css, co jasno pokazuje, gdzie jest plik.
Przećwicz kilka struktur katalogów i zapisuj do nich ścieżki względne: do CSS, JS i obrazów. Zwracaj uwagę na poziomy katalogów oraz na separator /. Dobrą praktyką jest też szybkie sprawdzanie, czy ścieżka byłaby przenośna na serwer WWW.
info

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

Specjaliści zwracają uwagę: "Poprawne odwołanie do CSS w HTML powinno używać ścieżki względnej (URL) względem położenia pliku HTML.Jeśli arkusz jest w podkatalogu style, zapis &lt;link ..."

Źródła:

  • MDN Web Docs: "&lt;link&gt;: The External Resource Link element" (sekcja: rel="stylesheet" i atrybut href) — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link — dostęp 2026-03-02
  • WHATWG HTML Living Standard: "The link element" (definicja elementu link i atrybutów) — https://html.spec.whatwg.org/multipage/semantics.html#the-link-element — dostęp 2026-03-02
  • RFC 3986: Uniform Resource Identifier (URI): Generic Syntax (relative references) — https://www.rfc-editor.org/rfc/rfc3986 — dostęp 2026-03-02

Materiały:

  • Dokumentacja MDN: element HTML &lt;link&gt; i użycie rel="stylesheet"
  • Kurs podstaw HTML: sekcja &lt;head&gt; i dołączanie zasobów
  • Materiały o URL i ścieżkach względnych (relative references)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego