По умолчанию, при переходе по ссылке документ открывается в текущем окне или
фрейме. При необходимости, это условие может быть изменено атрибутом target
тега <a>. Этот атрибут может принимать следующие
значения:
_blank — загружает страницу в новую вкладку или новое окно браузера (это зависит от настроек браузера);
_self — загружает страницу в текущее окно;
_parent — загружает страницу во фрейм-родитель;
_top — отменяет все фреймы и загружает страницу в полном
окне браузера.
Вместе с атрибутом target="_blank" обязательно используйте rel="noopener noreferrer", чтобы в момент открытия внешние сайты не узнали лишнего про текущую страницу.
В примере 3 показано создание ссылки на сайт, который открывается в новом окне.
Пример 3. Открытие документа в новом окне
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Новое окно</title>
</head>
<body>
<p><a href="https://webref.ru" target="_blank" rel="noopener noreferrer">Ссылка открывает новое окно на сайт webref.ru</a></p>
</body>
</html>Если на веб-странице необходимо сделать, чтобы все ссылки открывались в новом
окне, нет необходимости добавлять во все теги <a> target="_blank". Код можно сократить,
если вначале страницы добавить строку <base target="_blank">,
как показано в примере 4
Пример 4. Использование тега <base>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Открытие файла во фрейме</title>
<base target="_blank">
</head>
<body>
<p><a href="1.html">Ссылка откроется в новом окне</a></p>
<p><a href="2.html" target="_self">Ссылка откроется в текущем окне</a></p>
</body>
</html>Сделать так, чтобы ссылка открывалась в текущем окне, в таком случае можно,
если добавить к тегу <a> атрибут target="_self".