Cesta k souboru popisuje umístění souboru ve struktuře adresářů na straně web serveru.

Příklady cesty k souboru

Cesta Popis

<img src="obrazek.jpg">

Soubor s obrázkem obrazek.jpg se nachází ve stejném adresáři jako html stránka.

<img src="obrazky/obrazek.jpg">

Soubor s obrázkem obrazek.jpg se nachází vzhledem k html stránce v podadresáři obrazky.

<img src="/obrazky/obrazek.jpg">

Soubor s obrázkem obrazek.jpg se nachází v podadresáři obrazky vzhledem ke kořeni webu.

<img src="../picture.jpg">

Soubor s obrázkem obrazek.jpg se nachází o adresář výše než je html stránka.
Všimněte si, že se jako oddělovače jmen souborů a adresářů používají normální lomítka. To odpovídá unixovému způsobu záznamu cesty k souboru.

Kde se používá cesta k souboru

Cesta k souboru popisuje umístění souboru ve struktuře adresářů tak, jak je na webovém serveru (nikoli jak to je na počítači s prohlížečem).

Používá se, když potřebujeme ukázat (nebo připojit) jiné soubory, jako jsou:

  • webové stránky

  • obrázky

  • soubory se styly (stylesheets)

  • soubory s programy v JavaScriptu

Absolutní cesta

Absolutní cesta je plné URL k souboru:

Absolutní cesta
<img src="https://sspvc.lixis.cz/operacni_systemy/os-1.rocnik/os.jpg" alt="Cirkus v operačních systémech.">

Relativní cesta

Relativní cesta ukazuje na soubor relativně k aktuální html stránce.

Relativní cesta vzhledem ke kořeni webu
<img src="/www/First_Web_Server.jpg" alt="První wwebový server">
Relativní cesta vzhledem ke kořeni webu začíná vždy lomítkem /.
Relativní cesta vzhledem k aktuálnímu adresáři
<img src="zarovka/zarovka_nesviti.png" alt="Nesvítící žárovka">

Rady webmastera

Používejte pokud možno relativní cesty.

Pokud budete používat relativní cesty, tak nebudou vaše webové stránky svázané s aktuálním základním URL a bude je možné snadno kopírovat mezi weby. Všechny odkazy vám budou fungovat jak na vlastním počítači (na localhostu), tak i na vzdáleném webovém serveru, kam potom HTML stránku nakopírujete.

Když budete používat absolutní cesty, tak při kopírování webu musíte tyto absolutní cesty opravit.