Как открыть ссылку в новой вкладке?

Ссылка может открываться в текущем окне браузера, в новом окне или в новой вкладке. Непосредственно, как открывать ссылки — в новом окне или в новой вкладке — указывает пользователь в настройках браузера. Обычно ссылки для удобства открываются в новой вкладке.

Через HTML мы можем указать, как открывать ссылки — в текущем окне или в новом окне. Для этого к элементу <a> следует добавить атрибут target со значением _blank (да, с подчёркиванием впереди), как показано в примере 1.

Пример 1. Открытие ссылки

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ссылки</title> </head> <body> <p><a href="page/new.html">Обычная ссылка</a></p> <p><a href="page/new.html" target="_blank">Ссылка откроется в новом окне</a></p> </body> </html>

Результат данного примера показан на рис. 1. Обратите внимание, что ссылки по своему виду ничем друг от друга не отличаются и понять, как и где она откроется, нельзя.

Вид ссылок

Рис. 1. Вид ссылок

Атрибут target со значением _blank позволяет открыть ссылку в новом окне или вкладке. Поведение зависит от настроек браузера, к примеру, в настройках Firefox по умолчанию стоит открывать ссылки во вкладках (рис. 2).

Настройки вкладок в Firefox

Рис. 2. Настройки вкладок в Firefox

Если галочку с этой настройки убрать, то ссылки будут открываться в новом окне, а не во вкладке.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 19.09.2018
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты