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

18

Posted by Виктория Павловна Дончик | Posted in О блоге | Posted on 29-02-2012

Метки: , , , , ,

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

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

Для ответа на этот вопрос рассмотрим несколько вариантов.

Первый вариант. Если ссылка только создается, то нужно при создании гиперссылки в WordPress правильно ее настроить. Для этого обязательно выбрать пункт В новом окне, так как показано на рисунке:

Варианты открытия ссылок

Второй вариант. Если ссылка уже создана ранее, ее нужно отредактировать. Для этого нужно открыть html-редактор кода страницы, найти строку, где прописана гиперссылка, она обычно имеет вид:

  • <a href="путь к web странице"> текст, нажимая на который будет открываться новая страница </a>

и добавить в html-код параметр target со значением "_blank". Выглядеть в коде это будет так:

  • <a href=" http://informatikurok.ru" target="_blank">Гиперссылка откроет Html документ в новом окне благодаря target="_blank"</a>

Обратите внимание, что параметр _blank начинается с нижнего подчеркивания! Этот вариант я использовала в статье Как работать с файлами E-Disk

Третий вариант. Если ссылок много и каждая из них должна открываться в новом окне, то достаточно блок с ссылками заключить в теги:

  • <base target="_blank"> блок текста с ссылками, которые должны открыться в новом окне </base>

В теги  <base> </base> я заключила первый абзац в статье Как скачать файл с E-Disk. Кстати,  весь html-код  страницы можно заключить в эти теги, тогда все ссылки на странице откроются в новом окне. Можно этот тег прописать в теге <head>, чтобы не настраивать вручную ссылки для Вашего блога. Вот как это будет выгладеть:

  • <head> <base target="_blank"> текст тегов </head>

Для справки: если у Вас все ссылки открываются в новом окне, а нужно их открывать в одном, то пропишите параметр

  • target="_self"

Итак, сегодня узнали:

  • как правильно создать гиперссылку, чтобы страница открывалась в новом окне;
  • как изменить html-код, чтобы страница открывалась в новом окне;
  • как открыть все страницы в одном окне браузера.

Comments (18)

Какие полезные уроки! Красота! А со своими “непонятками” обращаться можно? Если – ДА, то по какому адресу?

Отправить сообщение можно, заполнив форму http://informatikurok.ru/obo-mne. Я читаю все вопросы, и стараюсь помочь, но не всегда хватает времени всем ответить.

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

Спасибо за материал, я как раз с этим мучался очень своевременно

У Вас сайт, хороший очень! Шаблон красивый, содержание интересное! Учусь в Старт Ап проекте. Нравится. А Вы!? Как долго, вернее, сколько времени, ушло у Вас на обустройство сайта? Сколько уделяете ему сейчас? Заходите в гости! Вам, буду рад! Дружим сайтами?! Успехов Вам творческих, благополучия достойного. Так держать!

Рада, Анатолий, что Вам понравился сайт.
Сайтом занимаюсь 2 часа в день, больше времени нет. Ждите в гости, я прихожу ко всем.

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

Спасибо за полезную информацию.

Хороший урок по открытию ссылок! спасибо!

не угадаешь какие настройки сделаны Поэтому когда я открываю ссылки на незнакомых сайтах
всегда делаю это с помощью мыши и кнопки
ОТКРЫть в новой вкладке …..

Спасибо за коды. Очень пригодились.

Мне нравится ваш сайт. Передаю вам Кубок признания и поздравляю!
Заходите на http://moloddushoy.ru/novosti/kubok-priznaniya и забирайте. Успехов и процветания!

Вот спасибо! Все легко и просто!

Тоже буквально на днях узнала об этом, в окошке выбирать умела, а вот менять html-код нет. Вы закрепили мои знания. Спасибо большое! Никак не могу выбрать время поизучать ваши уроки по PowerPoint, а презентацию готовить надо.

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

Очень полезная статья. У вас такой красивый и нужный сайт, процветания вам! Заходите в гости.

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

Только-только научился сам делать ссылки на открытие страницы в новом окне в браузера. А у Вас уже готовая информация. Спасибо.

Write a comment