Co je to relativní odkaz?

Relativní odkaz ukazuje umístění zdroje vzhledem k aktuálnímu dokumentu.

Typy relativních odkazů:

• Odkaz v aktuálním adresáři: Ukazuje na soubor ve stejném adresáři jako aktuální dokument.

  <a href="page.html">Přejít na stránku</a>
  

• Odkaz do podadresáře: Ukazuje na soubor v podadresáři.

  <a href="images/image.png">Zobrazit obrázek</a>
  

• Odkaz na nadřazený adresář: Ukazuje na soubor v adresáři o úroveň výše. ../ se používá k přesunu o úroveň výš.

  <a href="../index.html">Domů</a>
  

• Odkaz na více úrovní výše: ../../ a tak dále.

  <a href="../../styles/style.css">Vložit styly</a>
  

• Odkaz na kořen webu: Používá / na začátku, což ukazuje na kořenový adresář webu.

  <a href="/about.html">O nás</a>
  

Výhody:

• Usnadňují přesun webu, protože nezávisí na doménovém jménu.
• URL jsou kratší a čitelnější.

Nevýhody:

• Mohou být nesprávné, pokud se změní struktura adresářů.