Как открыть окно в новой вкладке. Открываем ссылки в новой вкладке браузера. Чем плох target="_blank"

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

Создание ссылки в html и прописывание ей атрибутов

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

Самый главный атрибут ссылки – href . Он задает адрес, по которому произойдет переход в случае клика. Но по умолчанию сделано так, что переход делается в той же вкладке и в результате у человека закрывается сайт, на котором он собственно кликнул по ссылке. Это не всегда удобно. Конечно, если это внутренняя гиперссылка, то это не так критично, но даже в таком случае человек, возможно, хотел почитать материал и там, и там.

анкор

Удобство ссылок, открывающихся в новом окне

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

Конечно, такая возможность есть – жми правой кнопкой по гиперссылке, выбирай нужную команду и тогда она даже без атрибута откроется в новом окне. Но таким способом пользуются не все пользователи, а значит вы рискуете потерять часть своих читателей, если не будете добавлять к своим ссылкам на другие ресурсы атрибут target = “_blank” .

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

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

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

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

Вам понадобится

• Начальные навыки владения персональным компьютером, доступ в интернет.

Инструкция

Самый простой и распространенный способ открытия ссылки на ресурс можно осуществить следующим образом:

Найти саму ссылку интересующего интернет -ресурса. Она может быть в виде картинки , кнопки, текста или строчки с адресом (например, вида «http://» или «www…»);

Вызвать меню действий над выделенным текстом, щелкнув по нему правой кнопкой мыши один раз;

В появившемся списке выбрать строчку «Копировать»;

В строке ввода адреса щелкнуть правой кнопкой мыши;

В меню действий выбрать строчку «Вставить»;

После того, как текст ссылки появится в адресной строке браузера, необходимо нажать на кнопку «Перейти» (она обычно находится справа от адресной строки). Также для перехода по ссылке можно нажать клавишу Enter.

Видео по теме

Работа с интернет-браузером подразумевает большое количество постоянно открытых окон или вкладок. Просмотрщиков интернет-страниц, которые не умеют создавать новые вкладки, сегодня уже не встретишь, исключением может быть только Internet Explorer 6-й версии.

Вам понадобится

• Программное обеспечение:
• - Mozilla Firefox;
• - Google Chrome;
• - Opera;
• - Internet Explorer.

Инструкция

Браузер Mozilla Firefox. Самый простой способ - нажать правой кнопкой на ссылке и выбрать пункт «Открыть в новой вкладке » контекстного меню. Также данное действие можно совершить при нажатии горячих клавиш, в случае с Firefox – нажатие на среднюю кнопку мыши (scrool – колесико).

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

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

Браузер Opera. Чтобы открыть окно в новой вкладке, необходимо нажать кнопку Ctrl и щелкнуть по активной ссылке, либо при щелчке мыши зажать клавиши Ctrl + Shift – это позволит открыть окно в фоновой вкладке. Также для этого браузера действует правило выполнения команды из контекстного меню ссылки. Нажмите на выбранном элементе средней кнопкой мыши для перехода к открытой вкладке.

Видео по теме

г. Сургут «17» марта 2017 г.

Сайт по адресу https://сайт, в лице администратора сайта Ишбаева Ильнура Хасановича, действующей на основании доверенности № 5 от 17 марта 2017 года, в соответствии со статьей 437 Гражданского кодекса Российской Федерации (публичная оферта) публикует настоящую публичную оферту (предложение) в адрес любых физических лиц, желающих получить услуги, предусмотренные настоящей публичной офертой (далее – Оферта) на условиях, указанных ниже.

1. Термины и определения

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

«Сайт» - принадлежащий Лицензиару Интернет-сайт по адресу https://сайт, предназначенный для размещения массовых открытых материалов.

«Пользователь» - любое физическое лицо, принявшее настоящее предложение, зарегистрированное (подтвердившее регистрацию) на Сайте, достигшее возраста, допустимого в соответствии с законодательством Российской Федерации для акцепта настоящей публичной оферты, и обладающее соответствующими полномочиями.

«Лицензионный договор» - текст настоящего документа со всеми приложениями, изменениями и дополнениями к нему, размещенный на сайте Лицензиара и доступный в сети Интернет по адресу: https://сайт

«Заключение Лицензионного договора (акцепт публичной оферты)» - полное и безоговорочное принятие Пользователем условий настоящего Лицензионного договора (публичной оферты) путем совершения одного из следующих действий:

а) прохождение регистрации на Сайте в установленном порядке;

б) подтверждение регистрации на Сайте в случаях, предусмотренных п.5.9 настоящего Лицензионного договора.

«Авторизация» - введение Пользователем своего логина и пароля для входа в Аккаунт.

«Аккаунт» - электронный кабинет Пользователя на Сайте, доступный после прохождения регистрации на Сайте или иных сайтах Лицензиара с присвоением Пользователю уникального идентификационного номера (UNID_RF) и содержащая информацию о Пользователе, данных об оплате, объеме материалов Сайта, доступных Пользователю и иную информацию.

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

«Дополнительный функционал Сайта» - материалы Сайта, предоставляемые к Просмотру Пользователем на платной основе после перечисления Пользователем авансовой оплаты в соответствии с положениями п.п. 6.2 – 6.4 настоящего Лицензионного договора.

2. Общие положения

2.1. В соответствии со статьей 437 Гражданского кодекса Российской Федерации, настоящая Оферта является официальным, публичным и безотзывным предложением (публичной офертой) Лицензиара, адресованной Пользователям, заключить Лицензионный договор на указанных ниже условиях.

Пользователь обязан полностью ознакомиться с настоящей публичной офертой до момента регистрации на Сайте.

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

2.3. Акцепт оферты означает, что Пользователь согласен со всеми положениями настоящей публичной оферты и обязуется им следовать.

2.4. В отношении функционирования и развития Сайта Лицензиар руководствуется законодательством Российской Федерации, настоящей Офертой и иными специальными документами, которые разработаны или могут быть разработаны и приняты Лицензиаром в целях регламентации предоставления Пользователям доступа к функционалу Сайта.

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

3. Предмет договора и порядок оказания Услуг

3.1. Лицензиар обязуется:

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

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

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

4. Права и обязанности Сторон

4.1. Лицензиар обязуется:

4.1.1. извещать Пользователя об изменении тарифов для оплаты предоставленного права на использование Дополнительного функционала Сайта путем размещения информации на Сайте не менее чем за 10 дней до введения новых тарифов;

4.1.2. Выполнять иные обязанности, предусмотренные законодательством Российской Федерации, а также настоящим Лицензионным договором и иными документами Лицензиара.

4.2. Лицензиар вправе:

4.2.1. Расторгнуть Лицензионный договор с Пользователем или приостановить его действие в случае нарушения Пользователем требований, предусмотренных настоящим Лицензионным договором, а также в случаях, установленных настоящим договором и законодательством Российской Федерации;

4.2.2. Не предоставлять Пользователю право на использование Дополнительного функционала Сайта до момента получения авансовой оплаты за его использование;

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

4.2.4. Осуществлять ограничение отдельных действий Пользователя, если такие действия создают угрозу для нормального функционирования Сайта;

4.2.5. Производить планово-профилактические работы, которые могут повлечь перерывы в работе Сайта;

4.2.6. Изменять в одностороннем порядке условия настоящего Лицензионного договора в установленном порядке;

4.2.7. Отказаться в одностороннем порядке от исполнения настоящего Лицензионного договора в порядке, предусмотренном законодательством Российской Федерации и/или настоящим Лицензионным договором;

4.2.8. Осуществлять иные права, предусмотренные применимым правом, а также настоящим Лицензионным договором и иными документами Лицензиара.

4.3. Пользователь обязуется:

4.3.1. Соблюдать установленный настоящим Лицензионным договором порядок пользования функционала Сайта;

4.3.2. Не разглашать и принимать меры к сохранности своих регистрационных данных, используемых для получения доступа к функционалу Сайта;

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

4.3.4. Выполнять иные обязанности, предусмотренные законодательством Российской Федерации и/или настоящим Лицензионным договором.

4.4. Конечный Пользователь вправе:

4.4.1. Отказаться в одностороннем порядке от исполнения настоящего Лицензионного договора;

4.4.2. Осуществлять иные права, предусмотренные законодательством Российской Федерации и/или настоящим Лицензионным договором.

5. Регистрация Пользователя

5.1. Регистрация Пользователя осуществляется самостоятельно с использованием сервиса создания Аккаунта с присвоением Пользователю уникального идентификационного номера (UNID_RF) на сайте https://id.rybakovfond.ru.

5.2. Для создания Аккаунта и формирования учетной записи Пользователя, включающей уникальные для каждого Пользователя логин и пароль, Пользователь указывает свой электронный адрес (e-mail) и пароль.

5.3. После создания Аккаунта Пользователь получает доступ к сайту.

5.4. Пользователь соглашается с тем, что действия, совершенные на Сайте при авторизации Пользователя с использованием его логина и пароля, признаются действиями Пользователя.

5.5. Пользователь несет ответственность за достоверность, актуальность, полноту и соответствие законодательству Российской Федерации предоставленной при заполнении регистрационной формы (анкеты) информации и ее чистоту от претензий третьих лиц.

5.6. Аккаунт может быть заранее предоставлен Пользователю Лицензиаром на основании отдельных лицензионных соглашений, заключаемых Лицензиаром с общеобразовательными учреждениями. В указанном случае Пользователь использует полученные логин и пароль для входа на Сайт и при первом входе на Сайте заполняет регистрационную форму (анкету), указанную в п.5.3настояшей оферты.

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

5.8. Пользователь несет ответственность за безопасность логина и пароля, а также за все действия, совершенные Пользователем после авторизации на Сайте. Пользователь обязан немедленно уведомить Лицензиара о любом случае неавторизированного доступа с использованием его логина и пароля и/или о любом ином неправомерном их использовании. Лицензиар не несет ответственности за ущерб, причиненный в результате несанкционированного доступа третьих лиц к учетной записи Пользователя.

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

6. Вознаграждение за предоставление прав и порядок расчетов

6.1. Предоставление Пользователю права на использование функционала Сайта на условиях простой (неисключительной) лицензии в пределах функциональных возможностей Сайта осуществляется безвозмездно.

6.2. Предоставление Пользователю права на использование Дополнительного функционала Сайта осуществляется на условиях выбранного Пользователем тарифа (Приложение №1 к настоящему Лицензионному договору) в зависимости от наименования, состава, объема предоставляемых прав, индивидуальных скидок и иных обстоятельств.

6.3. Все расчеты по настоящему Лицензионному договору производятся в рублях Российской Федерации.

7. Условия использования материалов Сайта

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

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

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

7.4. Любое использование Пользователем материалов Сайта, за исключением способов, указанных в п.7.3 настоящего Лицензионного договора является нарушением настоящего договора, охраняемых законом интеллектуальных прав Лицензиара и влечет за собой полную материальную ответственность Пользователя, в том числе возмещение причиненных Лицензиару убытков в полном объеме, а также привлечение Пользователя к иным видам ответственности в соответствии с законодательством Российской Федерации.

8. Ответственность и гарантии

8.1. Права на использование Сайта предоставляются на условиях «как есть», в связи с чем Пользователю не даются какие-либо гарантии, что материалы Сайта будут соответствовать его представлениям и требованиям.

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

8.3. Лицензиар не несет ответственности за перерывы в работе Сайта в случае сбоев в работе программного обеспечения или оборудования Лицензиара или третьих лиц (интернет-провайдеров и иных).

8.4. Лицензиар не отвечает перед Пользователем за приостановление работы Сайта на основании требований государственных и иных уполномоченных органов.

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

8.6. Лицензиар не несет ответственности за функционирование и доступность отдельных сегментов сети связи. Лицензиар не гарантирует возможность информационного обмена с теми узлами или серверами, которые временно или постоянно недоступны через сеть связи.

8.7. Лицензиар не несет ответственности за обеспечение безопасности оборудования и программного обеспечения Пользователя, используемого для работы с Сайтом.

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

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

8.10. В случае нарушения Пользователем требований, установленных настоящим Лицензионным договором и иными документами Лицензиара, Лицензиар вправе приостановить в одностороннем порядке предоставление доступа к Сайту до полного устранения допущенных Пользователем нарушений. Возобновление предоставления доступа к Сайту осуществляется Лицензиаром в течение 5 (Пяти) рабочих дней с даты устранения Пользователем допущенных нарушений.

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

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

9. Заключительные положения

9.1. Правовые отношения, возникающие в связи с настоящим Лицензионным договором, регулируются законодательством Российской Федерации.

9.2. По вопросам, неурегулированным настоящим Лицензионным договором, Стороны руководствуются действующим законодательством РФ.

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

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

9.5. Список Приложений:

Приложение №1: Стоимость услуг Лицензиара по предоставлению Пользователю прав на использование Дополнительного функционала Сайта.

Администратор сайта

_________________ / Ишбаев И.Х. /

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

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

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

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

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

thesitewizard.com

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

thesitewizard.com

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

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

thesitewizard.com

Теоретически, как 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 ” был подготовлен дружной командой проекта .

В статье указываются основные принципы использования атрибута target="_blank", а также предлагается альтернатива использования этого атрибута, при которой код останется валидным.

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

HTML

< a href= "#" target= "_blank" >

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

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

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

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

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

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

< a href= "#" onclick= "window.open(this.href); return false" > Ссылка, открывающаяся в новой вкладке

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

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

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

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

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

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

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

< a href= "#" onclick= "return !window.open(this.href)" > Ссылка, открывающаяся в новой вкладке

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

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

Выводы

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

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