Mi az a relatív hivatkozás?

Relatív hivatkozás egy URL, amely egy olyan erőforrásra mutat, amely ugyanazon a domainen található, mint a jelenlegi oldal, anélkül, hogy megadná a teljes domain útvonalát. A jelenlegi hely vagy a <base> címkében megadott alap URL-hez képest épül fel.

Relatív hivatkozások típusai:

• Ugyanabban a könyvtárban lévő fájlokra mutató: Csak a fájlnév.

  <a href="index.html">Főoldal</a>
  

• Alkönyvtárban lévő fájlokra mutató: Az alkönyvtár és a fájl neve kerül megadásra.

  <a href="img/logo.png">Logó</a>
  

• Szülőkönyvtárban lévő fájlokra mutató: A ../ használata. Minden ../ pár egy szinttel feljebb lép a könyvtár hierarchiában.

  <a href="../css/style.css">Stílusok</a>
  

• Gyökérkönyvtárra mutató: A / használata az út elején. Az út a weboldal gyökérkönyvétől számítva.

  <a href="/about.html">Rólunk</a>
  

Előnyök:

• Hasznos fejlesztés közben és az oldal teljes áthelyezésekor.
• Rövidebb URL.

Hátrányok:

• A fájlrendszer hierarchiájának megértését igényli.
• Problémák léphetnek fel a könyvtárstruktúra módosításakor.