Čo je to relatívny odkaz?

Relatívny odkaz ukazuje na umiestnenie zdroja vzhľadom na aktuálny dokument.

Typy relatívnych odkazov:

• Odkaz v aktuálnom adresári: Ukazuje na súbor v rovnakom adresári ako aktuálny dokument.

  <a href="page.html">Prejsť na stránku</a>
  

• Odkaz do podadresára: Ukazuje na súbor v podadresári.

  <a href="images/image.png">Zobraziť obrázok</a>
  

• Odkaz na nadriadený adresár: Ukazuje na súbor v adresári o úroveň vyššie. ../ sa používa na presun o úroveň vyššie.

  <a href="../index.html">Domov</a>
  

• Odkaz na viacero úrovní vyššie: ../../ a tak ďalej.

  <a href="../../styles/style.css">Pripojiť štýly</a>
  

• Odkaz na koreň webu: Používa / na začiatku, čo ukazuje na koreňový adresár webu.

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

Výhody:

• Uľahčujú presun webu, pretože nezávisia od názvu domény.
• URL sú kratšie a čitateľnejšie.

Nevýhody:

• Môžu byť nesprávne, ak sa zmení štruktúra adresárov.