Как открыть вкладку в отдельном окне

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

Один из посетителей сайта спросил, как открыть ссылку в новом окне HTML . В этой статье я отвечу на данный вопрос.

Обновлено: 2022-04-20 17:26:27 МК Михаил Кузнецов автор материала

Что вам потребуется

Посетитель не уточнил, каким редактором пользуется, поэтому будем считать, что он работает напрямую в HTML . Но это не значит, что вы не сможете следовать этой инструкции, если используете для создания сайта какой-либо визуальный редактор. Просто нужно будет получить доступ к разметке страницы. Большинство редакторов и блог-платформ позволяют вручную отредактировать HTML-код .

Например, если вы работаете в Expression Web , можно отредактировать код страницы, переключившись в « Режим кода » ( Code mode ).

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

Короткий ответ: просто добавьте к своим ссылкам (тегу ) атрибут target=»_blank» .

Допустим, что у вас есть следующая ссылка:

Измените её, чтобы она выглядела следующим образом:

Теперь, когда пользователи кликнут по этой ссылке, она откроется в новом окне или на новой вкладке ( в зависимости от того, каким браузером они пользуются, и как он настроен ).

Обратите внимание, что если вы используете DOCTYPE со строгим синтаксисом XHTML 1.0 или 1.1 , то не получится одновременно использовать приведённый выше код и пройти валидацию страницы. Но подозреваю, что этими стандартами никто не пользуется. « Переходные » версии этих стандартов для открытия в новом окне HTML нам вполне подойдут, и в них также поддерживается атрибут target .

Если вы работаете в Expression Web, Dreamweaver, BlueGriffon или KompoZer, кликните по ссылке, которую хотите изменить, перейдите в режим изменения HTML-кода и добавьте атрибут target=»_blank».

У этого метода не так много плюсов

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

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

С опытными пользователями дела обстоят не лучше. Их очень раздражает « привычка » вашего сайта открывать новые окна без разрешения. На то они и опытные пользователи — если бы они хотели открыть новую вкладку, они бы сделали это сами, и им нисколько не нравится, что это делают без их согласия. Ещё хуже, если все ваши ссылки открываются в новом окне.

Сайт становится уязвим для фишинговых атак

Если вы применяете кнопку HTML открыть в новом окне, используя target=»_blank» , сайт, на который ведёт ссылка, получает доступ к окну/вкладке с вашей страницей и может подменить её содержимое.

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

И это не теоретическая уязвимость. Специалисты отдела безопасности Google отметили «значительное количество сообщений» о подобном перехвате вкладок с целью внедрения вредоносного программного обеспечения.

Для тех, кому интересно — технические подробности. Открытый в новом окне сайт получает доступ к вашей странице через объект window.opener в JavaScript. Этот объект с функциями чтения/записи, которым можно управлять. В том числе, можно изменить свойство window.opener.location и заставить браузер перейти по новому адресу, чтобы открыть картинку в новом окне HTML.

Некоторые браузеры позволяют предотвратить подобное поведение добавлением к ссылке атрибута rel=»noopener noreferrer» . Пример, приведённый в начале статьи, будет выглядеть следующим образом:

Теоретически, как rel=»noopener» , так и rel=»noreferrer» должно быть достаточно, чтобы защититься от подобной атаки при открытии страницы в новом окне HTML . При этом корректнее использовать атрибут rel=»noopener» , так как у rel=»noreferrer» есть побочный эффект — браузер не будет передавать сайту URL источника запроса. Но на данный момент не все браузеры поддерживают атрибут rel=»noopener» . Аналогично, rel=»noreferrer» не поддерживается некоторыми браузерами. Поэтому, если захотите защитить пользователей как можно большего числа браузеров, вероятно, придётся использовать оба атрибута.

Тем не менее, этот приём работает только на актуальных версиях Chrome , Firefox и Safari . Internet Explorer данную функцию не поддерживает, хотя я успел быстро проверить 11 версию IE , и она, вроде бы, защищена от подобной атаки при настройках безопасности, применяемых по умолчанию. Насчёт браузера Microsoft Edge точно сказать не могу.

Другими словами, описанный выше метод нельзя назвать стопроцентной защитой. Лучший способ избежать этой проблемы — использовать нормальные ссылки без атрибута target=»_blank» .

Заключение

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

МК Михаил Кузнецов автор-переводчик статьи « How to Make Links Open in a New Window or Tab »

Chrome открывает вкладки и ссылки в новом окне — как исправить?

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

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

Причины, по которым Chrome может открывать новые окна

Среди наиболее распространенных причин, по которым Chrome может открывать новые окна при различных действиях или сам по себе:

• Включенное «Залипание клавиш» в Windows либо неисправности клавиши Shift на клавиатуре. Если клавиша Shift зажата (или система считает её нажатой из-за указанных факторов), то при переходе по ссылкам в браузере они будут открываться в новых окнах.
• Расширения браузера. Есть расширения браузера Chrome для открытия новых окон браузера вместо вкладок, при этом по некоторым сообщениям они могут устанавливаться автоматически при установке программ, в том числе не имеющих какого-либо отношения к работе в браузере и с Интернетом.
• Если новые окна браузера без действий пользователя, в случайные моменты времени и ведут на сайт с рекламой или ошибками, по всей видимости, причина в наличии вредоносного ПО или расширений браузера. Подробнее о решениях для этого случая в статье Что делать, если сам открывается браузер с рекламой
• Если новые окна Chrome открываются только при посещении определенных сайтов, по всей видимости причина — код на посещаемом сайте, а не в вашем браузере.

Как отключить открытие новых окон Chrome

Теперь по порядку рассмотрим возможные действия, чтобы предотвратить открытие новых окон браузера Chrome в различных сценариях:

1. Если в новых окнах открываются ссылки на всех сайтах, проверьте, не зажата ли клавиша Shift и не включено ли залипание клавиш. Для отключения залипания клавиш можно 5 раз нажать на Shift, а затем выбрать «Нет» в диалоговом окне. Более подробно: Как отключить залипание клавиш в Windows.
2. Проверьте, появляется ли проблема, если запустить Chrome в режиме «Инкогнито» (можно использовать клавиши Ctrl+Shift+N для этого). Если в режиме инкогнито новые окна не открываются, изучите расширения браузера: Меню — Дополнительные инструменты — Расширения. Например, расширение «New Tab, New Window» специально сделано для открытия новых окон вместо вкладок. Если вы не видите подозрительных расширений, попробуйте отключить их все: даже самые полезные, убедиться, что проблема исчезла, а затем включать по одному и проверять, как поменялась ситуация, пока не будет найдено то расширение, которое вызывает проблему.
3. Очистите кэш и данные браузера. Для этого можно ввести в адресную строку chrome://settings/clearBrowserData и нажать Enter, а затем очистить все данные за все время.
4. Если проблема появляется в поиске, перейдите на страницу https://www.google.com/preferences и снимите отметку открытия результатов поиска в новом окне.
5. Проверьте компьютер на наличие вирусов и вредоносных программ, например, с помощью AdwCleaner и Kaspersky Removal Tool — оба инструмента не требуют установки и не должны конфликтовать с вашим антивирусом.
6. Если проблема появилась недавно и на компьютере есть точки восстановления системы на предшествующую её появлению дату, можно использовать их.

Если проблема сохраняется, опишите детально вашу ситуацию в комментариях, попробуем найти решение.

А вдруг и это будет интересно:

• Лучшие бесплатные программы для Windows
• MinerSearch — поиск и удаление майнера в Windows
• Program в автозагрузке Windows — что это и можно ли удалить?
• SSD определяется как HDD или наоборот в Windows — решение
• Не удалось запустить службу Windows Audio на Локальный компьютер — как исправить?
• Ошибка DXGI ERROR DEVICE HUNG — как исправить?

• Windows 11
• Windows 10
• Android
• Загрузочная флешка
• Лечение вирусов
• Восстановление данных
• Установка с флешки
• Настройка роутера
• Всё про Windows
• В контакте
• Одноклассники

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

Ниже идет подборка расширений, которая позволит открывать любую ссылку как новую вкладку.

Google Chrome

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

Open in new tab — данное расширение позволяет включить на определенных сайтах открытие любых ссылок Google Chrome по умолчанию, в новой вкладке. Для этого достаточно просто установить данное расширение, перейти на нужный сайт и в простым кликом на иконку расширения открыть его настройки. Далее, нужно включить расширение на этом сайте нажатием на переключатель, и отныне все ссылки с этого сайта будут открываться по умолчанию в новой вкладке.

О том, как установить расширения Google Chrome для Яндекс Браузера можно прочитать здесь.

Mozilla Firefox

В этом плане, у Firefox чуть получше, так как у этого браузера есть достойное расширение, позволяющее настроить возможность открытие ЛЮБОЙ ссылки в новом окне. Называется это расширение «Open Link with New Tab», скачать его можно здесь. После его установки, нужно зайти в настройки и поставить галочку у пункта «Open all links with tab». Затем, нужно либо перезапустить браузер, либо обновить страницу с нужным сайтом , и любая ссылка будет открываться в новом окне.

UX-ссылки | Новое окно или вкладка?

Избегать открытия новых окон браузера является строгим правилом веб-юзабилити еще с 1999 года. Сегодня это правило распространяется и на новые вкладки в браузере, и на это что есть ряд причин:

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

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

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

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

Обычно в пользу открытия ссылок в новой вкладке или окне браузера приводится два аргумента:

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

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

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

Факторы, которые следует учитывать

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

• Контекст: Пользователей, выполняющих повседневные, непринужденные задачи, гораздо меньше беспокоили новые вкладки или окна браузера, чем пользователей, которые находились в сценариях с высокой нагрузкой или срочностью.
• Устройство: Пользователи на мобильных устройствах больше раздражались, когда ссылки открывались в новых вкладках, поскольку они не могли использовать кнопку «Назад» для возврата к предыдущему экрану, в то время как доступ к предыдущей вкладке был затруднен.
• Задача: Страницы, открытые на новой странице/вкладке, положительно воспринимались пользователями, когда задача включала один из следующих типов действий:

• Сравнивание содержимого вкладок или окон браузера.
• Объединение информации из разных вкладок или окон.

У пользователя открыто два окна браузера, пока он заполняет документы. Поскольку для пользователя это совершенно новый процесс, открытие веб-страниц и форм в новых окнах и вкладках позволяет использовать весь контент вместе.

— Использование нескольких вкладок браузера для отслеживания элементов.

— Использование исходной вкладки браузера в качестве отправной точки для других.

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

Когда не стоит открывать новые окна и вкладки

Для следующих типов задач пользователи не оценили переход на новую вкладку или окно браузера:

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

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

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

PDF и другие не-HTML документы

Зачастую пользователи сбиваются с толку, когда веб-сайты перенаправляют на документы, отличные от HTML, такие как PDF-файлы, документы Word, электронные таблицы и презентации, вместо контента непосредственно на веб-странице. Это связано с тем, что такие форматы файлов предлагают значительно отличающийся пользовательский интерфейс от обычных HTML-страниц. Поэтому рекомендуется не использовать другие форматы файлов, а размещать всю информацию на HTML веб-сайтах.

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

• Загрузка файлов в исходном формате напрямую по ссылкам. Скачав документ напрямую по ссылке, пользователи смогут открыть и редактировать документ в выбранном ими программном обеспечении. Однако в случае с PDF файлами возможен и вариант открытия документа в новой вкладке/окне. Окончательное решение зависит от того, какую именно задачу хочет выполнить пользователь с PDF файлом.
• Открытие ссылок на PDF документы в новых вкладках на компьютере. Обычно пользователи либо объединяют информацию в PDF файле с информацией на исходной вкладке, либо распечатывают PDF файл. Для таких сценариев лучше всего подойдет PDF файл, открытый в новой вкладке или окне. Однако если пользователь взаимодействует с документом на мобильном устройстве, рекомендуется открывать PDF файл в той же вкладке, что позволит пользователю вернуться на исходную страницу с помощью кнопки «Назад».

Итоги: что и когда делать

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

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

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

Больше интересных и актуальных статей ищите в нашем блоге и телеграм-канале.