Adres względny zasobu internetowego

W poprzedniej części kursu HTML poznaliśmy jeden ze sposobów, za pomocą którego możemy określić adres interesującego nas zasobu internetowego. Wspomniany sposób opierał się tak naprawdę na adresie bezwzględnym. Nieco innymi, lecz bardzo podobnym sposobem określenia adresu zasobu internetowego jest adres względny.

Chcąc wskazać dla przeglądarki internetowej adres interesującego nas zasobu internetowego możemy zrobić to względem aktualnego miejsca, gdzie aktualnie znajduje się plik, z którym to plikiem interesujący nas zasób internetowy ma zostać powiązany.

Załóżmy, że do kodu HTML pliku nasz-plik.html chcemy dodać element img, który ma reprezentować interesujący nas zasób internetowy w postaci obrazka reprezentowanego przez plik zwierze-01.png. Ponadto załóżmy również, że oba pliki, czyli plik nasz-plik.html oraz plik zwierze-01.png, znajdują się w tym samym dowolnym folderze.

W takiej sytuacji adresem względnym zasobu internetowego zwierze-01.png względem miejsca gdzie znajduje się plik nasz-plik.html jest po prostu adres zwierze-01.png.

Możemy założyć również, że w folderze gdzie znajduje się plik nasz-plik.html znajduje się folder o przykładowej nazwie inny-folder, w którym to właśnie folderze znajduje się nasz docelowy zasób internetowy, czyli plik zwierze-01.png.

W takiej sytuacji adresem względnym zasobu internetowego zwierze-01.png względem miejsca gdzie znajduje się plik nasz-plik.html jest adres inny-folder/zwierze-01.png.

Możemy założyć również, że w folderze gdzie znajduje się nasz docelowy zasób internetowy, czyli plik zwierze-01.png znajduje się folder o przykładowej nazwie inny-folder, w którym to właśnie folderze znajduje się plik nasz-plik.html.

W takiej sytuacji adresem względnym zasobu internetowego zwierze-01.png względem miejsca gdzie znajduje się plik nasz-plik.html jest adres ../zwierze-01.png.

Możemy założyć również, że w dowolnym folderze znajduje się folder o przykładowej nazwie dokumenty, w którym to właśnie folderze znajduje się plik nasz-plik.html, ponadto w tym samym wspomnianym dowolnym folderze znajduje się folder o przykładowej nazwie obrazki, w którym to właśnie folderze znajduje się nasz docelowy zasób internetowy, czyli plik zwierze-01.png.

W takiej sytuacji adresem względnym zasobu internetowego zwierze-01.png względem miejsca gdzie znajduje się plik nasz-plik.html jest adres ../obrazki/zwierze-01.png.