W projektach WWW zasoby (HTML, CSS, obrazy, skrypty) często są rozdzielane na podfoldery. W tym zadaniu pliki HTML znajdują się w www/html/, a arkusze stylów w www/style/. Kluczowe jest to, że atrybut href w elemencie <link> interpretuje ścieżkę względem lokalizacji bieżącego pliku HTML (o ile nie użyto ścieżki absolutnej).
Skoro dokument HTML leży w katalogu www/html/, a plik stylów to www/style/styl.css, trzeba:
- wyjść z katalogu html do katalogu nadrzędnego www za pomocą ../,
- wejść do katalogu style/,
- wskazać plik styl.css.
Daje to ścieżkę: ../style/styl.css, czyli poprawne dołączenie arkusza stylów.
Dlaczego pozostałe propozycje są niepoprawne?
- "/style/styl.css" to ścieżka absolutna od katalogu głównego serwera. Zadziała tylko wtedy, gdy katalog style znajduje się w korzeniu serwisu pod adresem /style/. W treści zadania wnioskujemy o strukturze katalogów projektu, więc poprawnym wyborem ma być ścieżka względna od pliku HTML.
- "www/style/styl.css" (w dodatku z dodatkowymi spacjami) nie jest właściwą ścieżką względną z katalogu www/html/; byłaby interpretowana jako podkatalog www/ wewnątrz html, czyli prowadziłaby do błędnego miejsca. Spacje w nazwach atrybutów/plików również powodują problemy.
- "styl.css" wskazuje plik w tym samym katalogu co HTML (czyli w www/html/). Tutaj arkusz jest w www/style/, więc taka ścieżka nie trafi do właściwego pliku.
Wskazówka egzaminacyjna: zawsze zaczynaj od ustalenia katalogu, w którym leży plik HTML, i dopiero potem "krokami" przechodź do zasobu. Symbol ../ oznacza dokładnie "jeden katalog wyżej".
