Как сделать чтобы открывались вкладки. Как сделать чтобы новая вкладка не открывалась


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

Один из посетителей сайта спросил, как открыть ссылку в новом окне 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” был подготовлен дружной командой проекта Сайтостроение от А до Я.

www.internet-technologies.ru

Как сделать чтобы открывались вкладки

09-03-2014

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

Открывающиеся вкладки Mozilla Firefox

Вариант 1

Установим показ во вкладках сайтов, открытых в прошлый раз. Заходим в меню браузера, ищем пункт "Настройки", далее появится подпункт "Настройки". Открывается новое окно с настройками.

В первой же закладке "Основные", мы увидим выпадающее меню "При запуске Firefox". Из трех предложенных вариантов, выбираем крайний: "Показывать окна и вкладки, открытые в прошлый раз".

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

Вариант 2

Также заходим в меню браузера, далее "Настройки" - снова "Настройки", в новом окне нажимаем на кнопку с названием "Использовать закладку...".

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

Открывающиеся вкладки Google Chrome

Вариант 1

Как и для предыдущего браузера, устанавливаем показ во вкладках Chrome последних открытых страниц. Заходим в меню Chrome, находим пункт "Настройки". Откроется окно (см. фото ниже), где в "Начальной группе" надо указать "Последние открытые страницы".

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

Вариант 2

Если же вам надо выводить конкретные сайты во вкладках, то в настройках Chrome в "Начальной группе" выбираем "Следующие страницы". Далее в новом окне предлагается ввести их адреса, вводим.

Сохраняем по кнопке "Ок". Все введенные адреса будут представлены в начальной группе Chrome.

Открывающиеся вкладки Internet Explorer

Любителям Internet Explorer потребуется пройти в меню "Сервис", далее "Свойства обозревателя". Во вкладке "Общие" введем в каждую новою строку адрес нужного сайта в разделе "Домашняя страница". Сохраним настройки, нажимая "Ок" (см. фото ниже).

Открывающиеся вкладки в Opera

Пройдем в меню: нажимаем кнопку "Opera", далее "Settings", потом "Preferences". Можно сразу нажать комбинацию клавиш CTRL+F12.

Во вкладке "General" (Общие) находи пункт "Startup", а в нем из выпадающего списка выберем пункт "Start with Speed Dial", что позволит увидеть в браузере на новой вкладке страницы быстрого набора. Или можно выбрать пункт "Continue from last time". Тогда вам откроются страницы с момента последнего посещения. Не забываем сохранить настройки, нажимая "Ок".

Как оказалось, сделать открывающиеся вкладки в браузерах не так уж и сложно. Успехов вам!

Рекомендую вам мое видео, которое может стать полезным вам или вашим друзьям!

pkna5.ru

Как открыть новую вкладку?

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

Инструкция
  • Internet ExplorerОткройте пункт «Файл» в строке меню и выберите команду «Создать вкладку».Наведите мышку на небольшой квадратик справа от уже открытой вкладки – появится надпись «Создать вкладку». Щелкните мышкой по квадратику – справа откроется новая вкладка.
  • Mozilla Firefox и OperaОткройте пункт «Файл» в строке меню и выберите команду «Новая вкладка».Кликните мышью на плюсик, расположенный правее уже открытой вкладки.Откройте контекстное меню, щелкнув правой кнопкой мыши на панель вкладок, и выберите команду «Новая вкладка».
  • SafariНажмите сочетание клавиш «Command+T», чтобы открыть новую пустую вкладку.Удерживая клавишу «Command», щелкните по выбранной ссылке – она откроется в новой вкладке на заднем плане.Удерживая сочетания клавиш «Shift+Command», щелкните по выбранной ссылке – она откроется в новой вкладке на переднем плане.Кликните на панели вкладок, предварительно зажав клавишу «Control», и выберите в открывшемся меню команду «Новая вкладка».
  • Google ChromeОткройте меню настроек (иконка с изображением гаечного ключа в правом верхнем углу) и выберите команду «Новая вкладка».Кликните мышью на плюсик, расположенный правее уже открытой вкладки.Откройте контекстное меню, щелкнув правой кнопкой мыши на панель вкладок, выберите пункт новая вкладка.
  • Но для всех браузеров одинаково действуют и следующие способы открытия вкладок.Например, используйте сочетания клавиш «Ctrl+T», чтобы открыть новую вкладку на переднем плане.Нажмите клавишу «Ctrl» и щелкните по ссылке, которую вы хотите открыть в новой вкладке на заднем плане. Кликните ссылку, удерживая «Ctrl+Shift», если хотите, чтобы она открылась в новой вкладке на переднем плане.Щелкните по нужной ссылке средней кнопкой мыши – она откроется в новой вкладке.Щелкните мышью два раза на свободном месте панели вкладок.
  • Оцените статью!

    imguru.ru