junior
Каким образом задаётся адрес документа, на который следует перейти
Для создания гиперссылок используется тег <a> с атрибутом href, который содержит URL целевого документа. Это основной механизм навигации между страницами в HTML.
Синтаксис
Пример
<!-- Абсолютная ссылка -->
<a href="https://example.com/page">Текст ссылки</a>
<!-- Относительная ссылка -->
<a href="/about">О нас</a>
<!-- Якорная ссылка (на элемент текущей страницы) -->
<a href="#section-id">К разделу</a>
Типы адресов
| Тип | Пример | Описание |
|---|---|---|
| Абсолютный | https://example.com/page |
Полный URL, работает из любого места |
| Относительный | /about, ../page.html |
Относительно текущего документа или корня сайта |
| Якорный | #section |
Переход к элементу с id="section" на текущей странице |
| Протокольный | mailto:, tel: |
Вызов почтового клиента или телефона |
Основные атрибуты тега a
| Атрибут | Назначение |
|---|---|
href |
URL-адрес перехода |
target |
Куда открывать: _self (текущее окно), _blank (новое окно) |
rel |
Отношение к целевому документу (noopener, nofollow) |
download |
Скачать файл вместо перехода |
title |
Всплывающая подсказка |
hreflang |
Язык целевого документа |
Безопасность при target=“_blank”
При открытии ссылки в новом окне (target="_blank") целевая страница получает доступ к window.opener, что создаёт уязвимость. Всегда добавляйте rel="noopener noreferrer":
Пример
<a href="https://external.com" target="_blank" rel="noopener noreferrer">Внешняя ссылка</a>
На собеседовании: ссылки задаются тегом
<a href="URL">. Адрес может быть абсолютным и относительным. Хороший бонус — упомянутьrel="noopener noreferrer"для безопасности приtarget="_blank", это покажет осведомлённость в веб-безопасности.