Какво е относителна връзка?

Относителната връзка посочва местоположението на ресурса спрямо текущия документ.

Видове относителни връзки:

• Връзка в текущата папка: Посочва файл в същата папка като текущия документ.

  <a href="page.html">Отидете на страницата</a>
  

• Връзка към под-папка: Посочва файл в под-папка.

  <a href="images/image.png">Вижте изображението</a>
  

• Връзка към родителската папка: Посочва файл в папка, една ниво по-горе. ../ се използва за качване с едно ниво.

  <a href="../index.html">Начало</a>
  

• Връзка към няколко нива нагоре: ../../ и т.н.

  <a href="../../styles/style.css">Включване на стилове</a>
  

• Връзка към корена на сайта: Използва / в началото, което указва кореновата папка на уебсайта.

  <a href="/about.html">За нас</a>
  

Предимства:

• Улеснява преместването на сайта, тъй като не зависи от името на домейна.
• По-кратки и по-лесни за четене URL адреси.

Недостатъци:

• Могат да бъдат некоректни, ако структурата на папките се промени.