Ścieżki do plików w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Ścieżka do pliku określa, gdzie przeglądarka ma szukać zasobu, np. arkusza CSS, obrazu lub skryptu JavaScript. W HTML najczęściej pojawia się w atrybutach takich jak href oraz src.

Ścieżka względna

Ścieżka względna jest liczona od położenia aktualnego pliku HTML.

Przykład struktury:

www/
├── html/
│   └── index.html
└── style/
    └── styl.css

Jeżeli plik index.html znajduje się w folderze html, a arkusz styl.css w folderze style, trzeba najpierw wyjść jeden poziom wyżej, a potem wejść do folderu style:

<link rel="stylesheet" href="../style/styl.css">

Zapis .. oznacza przejście do katalogu nadrzędnego.

Ścieżka bezwzględna względem domeny

Ścieżka zaczynająca się od / jest liczona od katalogu głównego serwisu WWW, a nie od folderu, w którym znajduje się plik HTML.

Przykład:

<link rel="stylesheet" href="/style/styl.css">

Taki zapis oznacza: szukaj folderu style bezpośrednio w katalogu głównym witryny.

Częste błędy

  • style/styl.css — działa tylko wtedy, gdy folder style jest w tym samym katalogu co plik HTML.
  • /www/style/styl.css — zwykle błędne, bo www jest katalogiem serwera, a nie częścią adresu URL.
  • pomylenie style z styles albo styl.css z style.css.

W egzaminie

W zadaniach INF.03 należy dokładnie analizować strukturę katalogów. Jeśli plik HTML jest w podfolderze, a CSS w katalogu równoległym, najczęściej potrzebny jest zapis z ../, np. ../style/styl.css.