Ścieżki dostępu w HTML

Słownik kwalifikacji AUD.05 - Realizacja projektów graficznych i multimedialnych

Ścieżka dostępu w HTML określa położenie pliku, np. obrazka, arkusza CSS, skryptu JavaScript lub dokumentu do pobrania. Najczęściej występuje w atrybutach src i href.

Poprawny separator w adresach WWW

W adresach internetowych stosuje się prawy ukośnik /, np.:

<img src="obrazki/obraz01.jpg" alt="widok ogólny">

Nie należy używać lewego ukośnika \, charakterystycznego dla ścieżek systemu Windows, np.:

<img src="obrazki\obraz01.jpg" alt="widok ogólny">

Taki zapis może działać lokalnie na komputerze z Windows, ale po przesłaniu strony na serwer WWW obrazek może się nie wyświetlić.

Ścieżki względne i bezwzględne

Ścieżka względna odnosi się do położenia pliku HTML:

<img src="obrazy/logo.png" alt="logo">

Ścieżka bezwzględna zawiera pełny adres URL:

<img src="https://example.com/obrazy/logo.png" alt="logo">

Można też użyć ścieżki od katalogu głównego serwisu:

<img src="/obrazy/logo.png" alt="logo">

Dobre praktyki

  • używaj /, a nie \,
  • unikaj polskich znaków i spacji w nazwach plików,
  • zachowuj zgodność wielkości liter, np. Obraz.jpg i obraz.jpg mogą być różnymi plikami,
  • sprawdzaj, czy plik został przesłany do właściwego katalogu na serwerze.

W egzaminach często pojawia się sytuacja: lokalnie obraz działa, a na serwerze nie. Przyczyną bywa właśnie błędna ścieżka, separator \ albo różnica w wielkości liter nazwy pliku.