Ścieżki plików HTML
Ścieżka do pliku opisuje lokalizację pliku w strukturze folderów witryny internetowej.
Przykłady ścieżek do plików
| Ścieżka | Opis |
|---|---|
| <img src="obraz.jpg"> | Plik "picture.jpg" znajduje się w tym samym folderze co bieżąca strona |
| <img src="obrazy/zdjęcie.jpg"> | Plik „picture.jpg” znajduje się w folderze images w bieżącym folderze |
| <img src="/images/picture.jpg"> | Plik „picture.jpg” znajduje się w folderze images w katalogu głównym bieżącej strony internetowej |
| <img src="../picture.jpg"> | Plik „picture.jpg” znajduje się w folderze o jeden poziom wyżej od bieżącego folderu |
Ścieżki plików HTML
Ścieżka do pliku opisuje lokalizację pliku w strukturze folderów witryny internetowej.
Ścieżki plików są używane podczas łączenia się z plikami zewnętrznymi, takimi jak:
- strony internetowe
- Obrazy
- Arkusze stylów
- JavaScript
Absolutne ścieżki plików
Bezwzględna ścieżka do pliku to pełny adres URL do pliku:
Przykład
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
Znacznik <img> jest wyjaśniony w rozdziale: Obrazy HTML .
Względne ścieżki plików
Względna ścieżka pliku wskazuje na plik względem bieżącej strony.
W poniższym przykładzie ścieżka pliku wskazuje na plik w folderze images znajdującym się w katalogu głównym bieżącej strony internetowej:
Przykład
<img src="/images/picture.jpg"
alt="Mountain">
W poniższym przykładzie ścieżka pliku wskazuje na plik w folderze images znajdującym się w bieżącym folderze:
Przykład
<img src="images/picture.jpg"
alt="Mountain">
W poniższym przykładzie ścieżka pliku wskazuje na plik w folderze images znajdującym się w folderze o jeden poziom wyżej od bieżącego folderu:
Przykład
<img src="../images/picture.jpg"
alt="Mountain">
Najlepsze praktyki
Najlepszą praktyką jest używanie względnych ścieżek plików (jeśli to możliwe).
W przypadku używania względnych ścieżek plików strony internetowe nie będą powiązane z bieżącym podstawowym adresem URL. Wszystkie linki będą działać na Twoim własnym komputerze (localhost), a także w Twojej obecnej domenie publicznej i przyszłych domenach publicznych.