PassFront
  1. PassFront
  2. База знаний
  3. Ссылки и навигация

Чем абсолютная ссылка отличается от относительной и когда нужен target="_blank" с rel?

Ссылки и навигация

Абсолютная ссылка содержит полный адрес, относительная считается от текущего документа или от <base>.

<a href="https://example.com/docs">Абсолютная</a>
<a href="/docs/intro">От корня сайта</a>
<a href="intro">От текущей папки</a>
<a href="../index.html">На уровень выше</a>
<a href="#install">Якорь на странице</a>

Внутри сайта удобнее относительные ссылки: они не ломаются при смене домена. Для внешних ресурсов нужен полный URL.

target="_blank"

Открывает ссылку в новой вкладке. Для внешних сайтов добавляйте rel="noopener noreferrer":

  • noopener не даёт открытой странице получить доступ к window.opener и перенаправить вашу вкладку;
  • noreferrer не передаёт заголовок Referer.

Современные браузеры уже применяют noopener для _blank по умолчанию, но явная запись остаётся хорошей практикой.

Доступность: текст ссылки должен быть понятен вне контекста, поэтому «читать далее» без уточнения плохой вариант.

Коротко для собеседования

Абсолютная ссылка содержит полный адрес, относительная считается от текущего документа. Для target="_blank" добавляют rel="noopener", а при ссылках на чужие сайты часто и noreferrer.

Другие вопросы раздела