Что такое относительная ссылка?

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

Виды относительных ссылок:

• Ссылка в текущем каталоге: Указывает на файл в том же каталоге, что и текущий документ.

  <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.

Недостатки:

• Могут быть некорректными при изменении структуры каталогов.