Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про HTML: target, _blank

Как изменить стандартное поведение тега <a>, так чтобы ссылка открывалась в новой вкладке?

Этот вопрос проверяет базовое знание работы с тегом <a> и способов изменения его поведения с помощью атрибута.

Короткий ответ

Чтобы ссылка открывалась в новой вкладке, нужно добавить атрибут target="_blank" к тегу <a>. Это стандартный способ указать браузеру, что ссылка должна быть открыта в новом окне или вкладке. Для повышения безопасности также рекомендуется добавить атрибут rel="noopener noreferrer".

Длинный ответ

По умолчанию, ссылки, созданные с помощью тега <a>, открываются в той же вкладке. Однако вы можете изменить это поведение, добавив атрибут target="_blank". Этот атрибут говорит браузеру открыть ссылку в новой вкладке или окне.

Пример:

<a href="https://example.com" target="_blank">Перейти на сайт</a>

Когда пользователь нажимает на эту ссылку, она открывается в новой вкладке. Однако использование target="_blank" создает потенциальную уязвимость для безопасности, поскольку новая вкладка может получить доступ к window.opener объекта, что теоретически 

может позволить манипуляции с исходной страницей. Чтобы предотвратить это, добавляют атрибут rel="noopener noreferrer":

<a href="https://example.com" target="_blank" rel="noopener noreferrer">Перейти на сайт</a>

Это сочетание атрибутов — рекомендуемая практика для защиты сайтов и пользователей.

Уровень

  • Рейтинг:

    1

  • Сложность:

    4

Навыки

  • HTML

    HTML

Ключевые слова

#target

#_blank

Подпишись на React Developer в телеграм