Как открыть ссылку в новом окне вкладки браузера

HTML: Открытие ссылки в новой вкладке

Для того чтобы страница, на которую ведет ссылка, открывалась в новом окне, нужно будет сообщить браузеру имя окна, в котором нужно открыть страницу. Если вы не указываете браузеру использовать какое-то определенное окно, то он откроет страницу в текущем окне.

Для указания браузеру, что при открытие страницы нужно использовать другое окно, вместо текущего, добавьте в элемент <a> атрибут target. Его значение сообщает браузеру о целевом окне для страницы. Если в качестве значения атрибута target вы используете _blank, то браузер для каждой новой страницы всегда будет открывать новое окно:

В таблице приведены все доступные значения для атрибута target.

Примечание: если ваш браузер поддерживает вкладки, то ссылки с target=»_blank» будут открываться не в новом окне, а в новом вкладке. В этом случае, если вам требуется, чтобы ссылка открывала именно новое окно, надо воспользоваться языком программирования (например, JavaScript).

Как открыть ссылку в новом окне вкладки браузера

Внимание: по умолчанию сочетания даны в формате для Windows. Как правило, в этой ОС активатором горячих клавиш является Ctrl. Для Mac в качестве активатора служит клавиша Command (если не указано другое).

Управление вкладками

Ctrl+1-8 — перейти к определенной вкладке, начиная слева.

Ctrl+9 — перейти к последней вкладке.

Ctrl+Tab или Ctrl+Page Up — перейти к следующей вкладке, то есть к той, что находится справа (Mac: Command+Option+стрелка вправо).

Ctrl+Shift+Tab или Ctrl+Page Down — перейти к предыдущей вкладке, то есть к той, что находится слева (Mac: Command+Option+стрелка влево).

Ctrl+W или Ctrl+F4 — закрыть текущую вкладку.

Ctrl+Shift+T — открыть последнюю закрытую вкладку.

Ctrl+T — открыть новую вкладку.

Ctrl+N — открыть новое окно браузера.

Alt+F4 — закрыть текущее окно (Mac: Command+Shift+W).

Управление вкладками с помощью мыши

Щелчок средней кнопкой на вкладке — закрыть вкладку (только для Windows).

Ctrl+щелчок левой или средней кнопкой — открыть ссылку в фоновой вкладке.

Shift+щелчок левой кнопкой — открыть ссылку в новом окне браузера.

Ctrl+Shift+щелчок левой кнопкой — открыть ссылку в текущей вкладке.

Навигация по сайтам

Alt+стрелка влево/пробел — перейти на предыдущую страницу (Mac: Command+стрелка влево).

Alt+стрелка вправо или Shift+пробел — перейти на следующую страницу (Mac: Command+стрелка вправо).

F5 — перезагрузить страницу.

Ctrl+F5 — обновить страницу полностью без использования кэша (Mac: Command+Shift+R).

Escape — остановить загрузку страницы.

Alt+Home — открыть домашнюю страницу (Mac: Command+Shift+H).

Масштабирование

Ctrl и «+» или Ctrl+прокрутка колесика мыши вверх — увеличить масштаб страницы.

Ctrl и «–» или Ctrl+прокрутка колесика мыши вниз — уменьшить масштаб страницы.

Ctrl+0 — установить масштаб по умолчанию.

F11 — запустить полноэкранный режим.

Прокрутка страницы

Пробел или стрелка вниз — прокрутить страницу вниз.

Shift+Space или стрелка вверх — прокрутить страницу вверх.

Home — перейти к верхней части страницы.

End — перейти к нижней части страницы.

Щелчок средней кнопкой мыши — прокручивать страницу с помощью мыши (доступно только на Windows).

Адресная строка

Ctrl+L или Alt+D или F6 — перейти в адресную строку.

Ctrl+Enter — добавить приставку www. и окончание .com к тексту в адресной строке, а затем загрузить сайт (только для сайтов с окончанием .com). Решение для Mac: ввести в адресной строке текст, дописать «/», нажать Enter.

Alt+Enter — открыть ссылку в адресной строке в новой вкладке.

Поиск

Ctrl+K или Ctrl+E — перейти во встроенную строку поиска в браузере или перейти на адресную строку, если в браузере нет отдельной поисковой.

Alt+Enter — выполнить поиск по запросу в поисковой строке в новой вкладке (только для Windows).

Ctrl+F или F3 — открыть окно поиска по текущей странице.

Ctrl+G или F3 — перейти к следующему соответствию искомого текста на странице.

Ctrl+Shift+G или Shift+F3 — перейти к предыдущему соответствию искомого текста на странице.

История и закладки

Ctrl+H — открыть историю браузера (Mac: Command+Y).

Ctrl+J — открыть загрузки (Mac: Command+Shift+J).

Ctrl+D — добавить в закладки текущую страницу.

Ctrl+Shift+Del — открыть страницу для очистки истории.

Прочие функции

Ctrl+P — распечатать текущую страницу.

Ctrl+S — сохранить текущую страницу на компьютер.

Ctrl+O — открыть файл, хранящийся на компьютере.

Ctrl+U — открыть исходный код текущей страницы.

F12 — открыть инструменты разработчика (Mac: Option+Command+U).

Фото на обложке: Thaspol Sangsee / Shutterstock

Подписывайтесь на наш Telegram-канал, чтобы быть в курсе последних новостей и событий!

Как сделать, чтобы в Google Chrome вкладки открывались в новом окне и наоборот

Настройка «Открывать ссылку в новой вкладке» в Гугл Хром применяется пользователями для удобного серфинга в интернете. Если включить данную функцию, то каждая нажатая ссылка будет открыта в отдельной вкладке. Если ее отключить, то каждый ресурс будет открываться все в том же активном окне.

Активация этой возможности позволяет сосредоточиться на изучении только одного ресурса. Нажимая на адрес, прошлый источник не закрывается. Это очень удобно при поиске товаров в магазине или изучении определенного раздела на форумах.

Причины, почему пользователи меняют настройку в ту или иную “сторону”

• При посещении больших порталов с «софтом», медиафайлами или форумов достаточно неудобно, когда при нажатии на адрес веб-страницы, прошлый раздел закрывается, а на его месте появляется новое. Требуется либо щелкнуть в браузере кнопку назад, либо в истории перейти на предыдущий веб-адрес.
• Чтобы избежать лишних манипуляций, в браузере Google Chrome разработчики интегрировали возможность раскрывать каждый новый адрес в отдельном разделе. То есть при щелчке на каждую новую ссылку, страница, с которой осуществлен переход, закрываться не будет, а новая раскроется в другой вкладке. И если, по каким-либо причинам ее содержимое не устроило пользователя, он может закрыть ее и вернуться к изначальному адресу.

Что такое новая “вкладка” и “окно” в Хроме: разница

Неопытный пользователь может спутать вкладку и окно. Эти понятия разные, хотя и присущи для одного браузера.

• Первое – это разделы, которые открываются в одном окне. Их также может быть сразу задействовано несколько.
• Второе – это один активный браузер, то есть одна его копия, их можно задействовать несколько, например, для удобства работы с несколькими ресурсами.

То есть, в одном окне может быть несколько вкладок, но не наоборот. Для наглядности обратите внимание на скриншот ниже.

Способы открыть ссылки

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

В результатах поиска от Гугл

Если Вы находитесь на поисковой выдаче Google, то для того, чтобы показать любую ссылку в другом разделе, щелкните по ней правой кнопкой мыши и выберите пункт, показанный на скриншоте ниже.

То же самое Вам потребуется сделать, если Вы хотите открыть адрес в новом окне, только необходимо выбрать в выпадающем меню необходимый пункт.

В настройках на странице https://www.google.ru/

Данную настройку также можно включить в самом сервисе Google. Для этого введите в браузер адрес https://www.google.ru/ и перейдите в самый низ до модуля с названием «Настройки».

Нажмите на него «ЛКМ» и в появившемся меню щелкните по строке «Настройки поиска».

Затем перейдите вниз, до раздела «Открывать результаты» и поставьте галку в строке «В новом окне».

Далее пролистайте в самый низ этого же блока и нажмите кнопку «Сохранить».

Некоторые нюансы, если по-прежнему не открывает как нужно

Если последнее мероприятие не помогло, то проблему можно попробовать решить двумя альтернативными способами.

Способ 1.

• Над разделом «Открывать результаты», в блоке «Озвучивать результаты», выберите строку «Только текст».
• Затем сохраните результаты.

Способ 2.

• Там же, где располагаются блоки, есть раздел с выбором региона. Если вы подключаетесь из РФ, выберите из списка регион «Россия».
• Затем сохраните результаты.

Применение комбинации горячих клавиш

А также, Google Chrome имеет ряд комбинаций, которые называются «Горячими клавишами», и после определенной последовательности их нажатия дают определенный результат. Например:

• Ctrl + клик «ЛКМ» — показать линк в другой вкладке.
• Ctrl + Shift + клик левой кнопкой — аналогично первому пункту с переключением.
• Shift + клик «ЛКМ» — отображение в другом окне.

Это позволяет более оперативно открыть определенную ссылку в нужном виде отображения.

Открытие вкладок

Через контекстное меню ссылки

Для вызова контекстного меню ссылки нажмите правой кнопкой мышки, а потом выберите пункт «Открыть в новой вкладке».

Перетаскивание

Перетаскивание вкладки из общего ряда в область за рабочим интерфейсом браузера вызовет ее открытие отдельно от остальных. Для этого требуется нажать вкладку левой кнопкой мышки и, не отпуская клавишу, перетащить ее в любую область, выходящую за раздел рабочего окна.

Как настроить открытие страниц на мобильном телефоне с Андроид или iOS

На различных платформах мобильных устройств эта функция активируется аналогично:

• Откройте браузер и нажмите три точки в правом верхнем углу.
• В выпавшем меню выбираем «Отображение для ПК».
• Браузер перейдет в выбранный режим.
• Под строкой поиска нажмите кнопку «Настройки».
• Перейдя в нее найдите настройки отображения и выберите пункт «Открывать результаты в новом окне».

Открываем ссылки в новой вкладке браузера. Чем плох?

Довольно часто встречается такая практика, когда при клике на ссылку переход на целевую страницу осуществляется в новой вкладке браузера. Таким приемом очень часто пользуются при указании разработчика веб-ресурса или ответа на запрос в поисковой системе. Этот прием осуществляется благодаря использованию атрибута target тега a. Ниже представлен пример кода:

В сложившемся понимании современной грамотной верстки и взаимодействия пользователя с функционалом ресурса принято считать, что посетитель должен сам определять для себя, каким именно способом он будет переходить по ссылке. Этого же мнения поддерживаются опытные и известные веб-разработчики. Также использование данного атрибута нарушает работу кнопки браузера «Назад» — это тоже считается негативным эффектом атрибута. Перечисленные факторы могут вызвать негодования посетителя сайта.

Некоторые поясняют использование атрибута target тем, что при его использовании, даже если пользователь нашел то, что искал на другом ресурсе (на который отправляла ссылка), после закрытия новооткрытой вкладки он опять вернется на предыдущий сайт. Это, якобы, повышает вероятность конвертации случайного посетителя в постоянного пользователя. Это утверждение ошибочно! Завоевать постоянное внимание пользователя можно только интересным и качественным контентом. Зря информация считается одним из наиболее ценных ресурсов.

Кроме всего прочего, согласно спецификации XHTML 1.0 Strict, использование атрибута target является недопустимым. В противном случае код не будет считаться валидным. А сам валидатор выдаст вот такое сообщение

Открытие ссылки в новой вкладке через JavaScript

Как было упомянуто ранее, использование атрибута target для перехода по ссылке в новом окне браузера не соответствует спецификациям и не считается валидным решением задачи. Однако это не единственный способ решения поставленной задачи. Аналогичный эффект можно получить при использовании js-кода.

Принцип организации такого процесса основывается на событии onclick. В значении этого события будет написана функция для открытия новой вкладки браузера — window.open(), а также блокиратор, который отменит переход на нужный адрес в текущем окне — return false. В коде все эти действия будут выглядеть следующим образом:

Чтобы удостовериться в эффективности работы предложенного метода, можете кликнуть на эту ссылку, она откроется в новом окне.

После того, как убедились в действенности метода, проводим проверку валидность кода. Валидатор выдает зеленое сообщение, что говорит о безупречности нашего кода.

На первый взгляд мы добились рационального решения поставленной задачи, однако при детальной проверке работы метода выяснилось, что если в браузере установлена блокировка всплывающих окон, то метод перестанет работать. Вместо перехода по ссылке появится сообщение о блокировке всплывающего окна.

Модификация js-кода для удачного перехода при любых условиях

Вышеупомянутая функция предназначена для избавления пользователя от излишков рекламы в сети Интернет. Все современные браузеры в своем арсенале имеют такую способность, кроме того некоторые из них могут осуществлять блокировку на разных уровнях. К примеру, все версии Opera, начиная с 9-ой, имеют возможность блокировать только отмеченные окна или все подряд.

Хоть пользователей, устанавливающих блокировку всплывающих окон в своем браузере, наверняка, очень мало, но они все же есть. А мы должны учитывать все возможные варианты для нормального функционирования сайта. Напоминаю, при наличии блока ссылка на нашем js-коде перестанет работать.

Тогда какой же выбор делать: либо не валидный код, либо не всегда рабочие ссылки? И тот, и тот вариант нам не подходит. Альтернативное решение пришло при тестировании ссылки с атрибутом target и включенной блокировкой всплывающих окон. В заданных условиях ссылка открылась, но только в своем окне. Значит нам нужно модифицировать наш js-код таким образом, чтобы при блокировке ссылка работала в текущем окне. Реализуется это следующим образом:

Принцип работы метода практически не изменился, поменялась форма трактовки действий. В новом коде функция window.open() отрабатывает значение true, если блокировка не установлена, если же она присутствует, то функция отрабатывает значение false. Говоря на русском языке, при установке соответствующих настроек в браузере ссылка будет открываться в текущей сессии, в противном случае — в новой вкладке.

Проверка модифицированного решения для ссылки на главную блога.

Выводы

Исходя из представленной выше информации можно сделать вывод, что наиболее рациональный способ для принудительного открытия ссылок в новых вкладках является использование последнего метода, основывающегося на коде JavaScript.

Однако в тоже время следует применять подобные вещи оккуратно, так как это навязывает определенные действия пользователю и ограничивает его свободу принятия решений. Это считается дурным тоном.