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

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

  • Что вам потребуется
  • Как открыть ссылку в новой вкладке или в новом окне браузера (автоматически)
  • У этого метода не так много плюсов
  • Сайт становится уязвим для фишинговых атак
  • Заключение

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

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

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

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

<a href="https://www.thesitewizard.com/">thesitewizard.com</a>

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

<a href="https://www.thesitewizard.com/" target="_blank">thesitewizard.com</a>

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

Обратите внимание, что если вы используете 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». Пример, приведённый в начале статьи, будет выглядеть следующим образом:

<a href="https://www.thesitewizard.com/" rel="noopener noreferrer" target="_blank">thesitewizard.com</a>

Теоретически, как 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»

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

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

  • Что вам потребуется
  • Как открыть ссылку в новой вкладке или в новом окне браузера (автоматически)
  • У этого метода не так много плюсов
  • Сайт становится уязвим для фишинговых атак
  • Заключение

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

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

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

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

<a href="https://www.thesitewizard.com/">thesitewizard. com</a>

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

<a href="https://www.thesitewizard.com/" target="_blank">thesitewizard.com</a>

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

Обратите внимание, что если вы используете 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». Пример, приведённый в начале статьи, будет выглядеть следующим образом:

<a href="https://www.thesitewizard.com/" rel="noopener noreferrer" target="_blank">thesitewizard.com</a>

Теоретически, как 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»

Как настроить в Гугл Хром открытие ссылок в новой вкладке

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

Содержание

  1. Настройка
  2. В поисковике
  3. На других сайтах
  4. Контекстное меню
  5. Открыть ссылку в новом окне Google
  6. Применение комбинации горячих клавиш
  7. Заключение

Настройка

В браузере Chrome из коробки изначально заданы определенные параметры. Например, из поисковой системы, когда вы переходите на выбранный сайт он открывается в текущей вкладке. Это создаёт немало неудобств. Приходится кликать на стрелку «Вернуться» или открывать новую вкладку и заново производить поиск по данному вопросу.

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

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

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

В поисковике

Чтобы изменить параметры обозревателя и перенастроить работу Google Chrome следуем дальнейшие инструкции:

  1. Запускаем браузер и открываем новую вкладку.
  2. В строке поиска пишем google.com.
  3. В правом нижнем углу окна поиска выбираем «Настройки».
  4. Выпадающем контекстном меню кликаем пункт «Настройки поиска».
  5. Скролим страницу до пункта «Открывать результаты».
  6. Устанавливаем галочку в единственном варианте «В новом окне».
  7. Поднимаемся немного выше и переключаем радиокнопку на пункт «Только текст» в блоке «Озвучивание результатов».
  8. Опускаемся в самый низ страницы и нажимаем кнопку «Сохранить» и далее подтверждаем изменения настроек.
  9. После сохранения настроек обязательно перезагрузите браузер.

Чтобы проверить, что настройка работает, здесь же в окне поиска введите любой запрос и в результатах выдачи кликните по любой ссылке и вы увидите, как она открылась в новой вкладке.

На других сайтах

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

  1. Откройте новую вкладку и впишите в поисковое поле любой запрос и нажмите Enter.
  2. Под умной строкой в поисковике Google есть вкладки настроек, здесь можно переключить в категорию «Покупки», «Картинки», «Карты», «Видео» и также здесь есть кнопка «Настройки».
  3. При клике на неё открывается небольшое контекстное меню, где здесь нужно выбрать вариант «Настройки поиска».
  4. Аналогично с предыдущим описанием отмечаем пункт «Открывать результаты» – «В новом окне» и «Озвучивание результатов» – «Только текст».
  5. Сохраняем изменения и перезагружаем браузер.

Эти изменения в настройках касаются исключительно поисковой системы браузера. То есть если вы перейдете по ссылке на каком-либо сайте необязательно, что новая страница откроется в отдельном окне.

Контекстное меню

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

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

В открывшемся контекстном меню вы можете выбрать:

  • Открыть ссылку в новой вкладке;
  • Открыть ссылку в новом окне;
  • Открыть ссылку в новом окне в режиме инкогнито.

Открыть ссылку в новом окне Google

Есть одна хитрость, которая позволит быстро открыть выбранный сайт в отдельном окне.

  1. Для этого нужно перейти на выбранную страницу из результатов выдачи или из закладок.
  2. Далее просто зажмите левой клавиши мыши вкладку в верхней панели и потяните её немного вниз вы увидите как она отделилась от основного окна, а когда отпустите ссылка переместится в новое окно браузера.
  3. Таким же образом её можно вернуть обратно в старое окно, поместив между других вкладок, причем в любое удобное место.

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

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

Здесь все достаточно просто. Неважно находитесь вы в результатах выдачи или на странице какого-нибудь сайта, чтобы перейти по ссылке, и важно чтобы она открылась в соседней вкладке:

  1. Наводим курсор мыши на активную ссылку.
  2. Зажимаем на клавиатуре клавишу Ctrl и кликаем по ссылке левой клавишей мыши.

Заключение

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

ссылок должны открываться в одном окне | Майкл Шофилд | Метрика

Звено, цепь, кольчуга, рыцарь. Возьми? Unsplash photo by Henry Hustava

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

Есть две повторяющиеся темы в аргументах в пользу открытия ссылок в новых окнах: