Relativní odkazy

Doposud jsme odkazovali na stránky pomocí adres, jako je https://cs.wikipedia.org/. Takovým odkazům říkáme absolutní, protože obsahují celou adresu se všemi náležitostmi.

Druhým druhem odkazů jsou odkazy relativní. Relativní odkaz vypadá například takto: ./pes.html. Abychom mu porozuměli, potřebujeme dva pojmy:

• Složka (neboli adresář) je místo, kde jsou uložené soubory, stejně jako složky ve vašem počítači. Soubory webu jsou také uložené ve složkách.
• Doména je název webu v jeho adrese, například startcoder.com nebo wikipedia.org.

V odkazu ./pes.html znamená ./ „v aktuální složce“ (ve složce stránky, na které odkaz je) a pes.html je soubor, na který odkazujeme.

Relativní odkazy používáme, když chceme odkázat na stránku na naší doméně. Kdybychom chtěli odkázat z adresy startcoder.com/index.html na adresu startcoder.com/o-nas.html, použili bychom tento relativní odkaz:

<a href="./o-nas.html">O nás</a>

Pokud bychom ale chtěli odkázat z webu startcoder.com na web wikipedia.org, potřebujeme absolutní odkaz.

Naše cvičení má teď dva soubory: index.html se stránkou o kočce a pes.html se stránkou o psovi. Přepínat mezi nimi můžete nad editorem. Název index.html se obvykle dává hlavní stránce webu.