Cesty souboru HTML
Cesta k souboru popisuje umístění souboru ve struktuře složek webové stránky.
Příklady cest k souboru
Cesta | Popis |
---|---|
<img src="obrázek.jpg"> | Soubor „picture.jpg“ je umístěn ve stejné složce jako aktuální stránka |
<img src="images/picture.jpg"> | Soubor „picture.jpg“ se nachází ve složce obrázků v aktuální složce |
<img src="/images/picture.jpg"> | Soubor „picture.jpg“ se nachází ve složce obrázků v kořenovém adresáři aktuálního webu |
<img src="../obrazek.jpg"> | Soubor „picture.jpg“ je umístěn ve složce o úroveň výše od aktuální složky |
Cesty souboru HTML
Cesta k souboru popisuje umístění souboru ve struktuře složek webové stránky.
Cesty k souborům se používají při propojení s externími soubory, jako jsou:
- webové stránky
- snímky
- Styly
- JavaScripty
Absolutní cesty k souboru
Absolutní cesta k souboru je úplná adresa URL souboru:
Příklad
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
Značka <img> je vysvětlena v kapitole: Obrázky HTML .
Relativní cesty souborů
Relativní cesta k souboru ukazuje na soubor vzhledem k aktuální stránce.
V následujícím příkladu cesta k souboru ukazuje na soubor ve složce obrázků umístěné v kořenovém adresáři aktuálního webu:
Příklad
<img src="/images/picture.jpg"
alt="Mountain">
V následujícím příkladu cesta k souboru ukazuje na soubor ve složce obrázků umístěné v aktuální složce:
Příklad
<img src="images/picture.jpg"
alt="Mountain">
V následujícím příkladu cesta k souboru ukazuje na soubor ve složce obrázků umístěné ve složce o úroveň výš od aktuální složky:
Příklad
<img src="../images/picture.jpg"
alt="Mountain">
Nejlepší praxe
Nejlepší je používat relativní cesty k souboru (pokud je to možné).
Při použití relativních cest k souborům nebudou vaše webové stránky vázány na vaši aktuální základní URL. Všechny odkazy budou fungovat na vašem vlastním počítači (localhost), stejně jako na vaší současné veřejné doméně a vašich budoucích veřejných doménách.