Как окно сделать вкладкой

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Как отключить гугл аутентификатор

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

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

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

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

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

Некоторые браузеры позволяют предотвратить подобное поведение добавлением к ссылке атрибута 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 . Конечно, в некоторых случаях этого не избежать. В этой ситуации можно предупредить посетителей сайта о том, что « ссылка открывается в новом окне ». Это не сильно поможет среднестатистическому пользователю и не защитит его от фишинговых атак через ваш сайт, но хотя бы не будет раздражать более опытных пользователей.

Читайте также:  Топ сигарет в россии 2018

Данная публикация представляет собой перевод статьи « How to Make Links Open in a New Window or Tab » , подготовленной дружной командой проекта Интернет-технологии.ру

ПРАВКА – НАСТРОЙКИ – ВКЛАДКИ

Убери (поставь) нужные тебе галочки.

Все, я устал уже)

П. С. без разницы какой у тебя браузер – главное принцип!

Посмотри тут. Или вообще – какая версия твоего эксплорера?
нажми

Жми
там как раз для 8-ки объясняетсяСЮДА

Хорошо) ) тогда так
– в меню «сервис» нужно выбрать пункт «свойства обозревателя» ;
– в открывшемся окне перейти на вкладку «общие» , где в блоке «вкладки» нажать кнопку «параметры» ;
– в новом окне убрать галочку напротив пункта «включить обзор с вкладками» , дважды нажать «ok» (два окна) для сохранения настроек и перезапустить браузер.
Открывать ссылки в новом окне можно и не меняя данных настроек, причем несколькими способами:
1. Кликнув на ссылку правой кнопкой мыши выбрать «Открыть в новом окне» .
2. Зажать клавишу «Shift» и кликнуть по ссылке левой кнопкой мыши.

Я Вам уже рассказывал о программе Clover (и очень её рекомендовал), которая добавляет вкладки В окна Windows, чем невероятно улучшает встроенный Проводник и превращает работу за компьютером в сплошное удовольствие.

Так вот сегодня я хочу Вам представить ещё одну подобную волшебную программу, которая сделает вкладки ДЛЯ окон Windows. Зовут её WindowTabs.

Оконные вкладки Windows

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

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

Таким образом можно сделать вкладки на ЛЮБЫЕ несколько программ в одном окне. Эти вкладки можно удлинять, раскрашивать, сжимать по высоте, прятать под край экрана, размещать их по центру, слева или справа…

У меня просто нет слов, чтоб выразить всё восхищение этой программой. Вся эта прелесть работает как часики — без глюков, торможений и ошибок.

Читайте также:  Что делать если пишет ожидание скачивания

Итак, давайте уже скачаем, запустим и настроим WindowTabs…

Скачать WindowTabs

Читайте также на сайте:

Размер установочного файла всего 2.95 Мб. Программа портабельная и устанавливать её не надо. Просто кликните по скачанному файлу и всё…

Теперь программа будет постоянно жить в трее, что возле часиков. Запускаем три любые программы и кликаем ПРАВОЙ кнопкой мыши по ярлыку программы WindowTabs в трее. Переходим в настройки…

Как разместить несколько программ в одном окне

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

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

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

Получили вкладки для окон Windows. Идём дальше. Кликаем по любой вкладке ПРАВОЙ кнопкой мышки и получаем такое контекстное меню…

  • Expand tabs — максимально сжать вкладки.
  • Align tabs — расположение вкладок: слева, справа или в центре верхней границы окна.
  • Auto H >Зайдя ещё раз в настройки (Settings) Вы сможете настроить размер вкладок по ширине и высоте, разукрасить их…

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

Кнопка «Reset» сбросит все настройки к первоначальному состоянию.

Ограничение в три вкладки можно легко «обойти» открыв ещё одно окно с тремя вкладками. Если всё-таки хотите в одном окне кучу вкладок — покупайте программу за 19$.

Кстати, автор забросил её уже, но на работе утилиты это никак не отразилось.

Совет для хитропопых товарищей — даже не пытайтесь найти в сети «ломанную» версию программы или активационный ключ. Их просто нет! Уж поверьте. Нарвётесь только на фейковые подделки напичканные вирусами.

Вот такие вкладки для окон Windows — легко, просто и удобно. До новых полезных компьютерных программ и интересных приложений для Андроид.

ПОЛЕЗНОЕ ВИДЕО

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock detector