htmlbook.ru - Для тех, кто делает сайты
Статьи Книги Шаг за шагом Рецепты Форум Графика для Web
Главная страница > Статьи > Ссылки > Ссылка на новое окно

Ссылка на новое окно

Влад Мержевич

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

Если требуется сделать ссылку на документ, который открывается в новом окне браузера, используется параметр target="_blank" тега <А>.

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

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

Пример 1. Создание ссылки на новое окно

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Ссылки</title>
</head>
<body>

<p><a href="http://www.htmlbook.ru">Обычная ссылка на сайт www.htmlbook.ru</a></p>
<p><a href="http://www.htmlbook.ru" target="_blank">Ссылка открывает новое окно на сайт www.htmlbook.ru</a></p>

</body>
</html>

Обычная ссылка на сайт www.htmlbook.ru

Ссылка открывает новое окно на сайт www.htmlbook.ru

Если на веб-странице необходимо сделать, чтобы все ссылки открывались в новом окне, то нет необходимости добавлять во все теги <A> параметр target="_blank". Код можно сократить, если вначале страницы добавить параметр <base target="_blank">, как показано в примере 2.

Пример 2. Использование тега <BASE>

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Ссылки</title>
<base target="_blank">
</head>
<body>

<p><a href="1.html">Ссылка откроется в новом окне</a></p>
<p><a href="2.html" target="_self">Ссылка откроется в текущем окне</a></p>

</body>
</html>

Сделать так, чтобы ссылка открывалась в текущем окне, в таком случае можно, если добавить к тегу <A> параметр target="_self", как показано в данном примере.

Статья опубликована: 07.09.2005 Последнее обновление: 25.02.2008

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

  1. Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
  2. Удаляются любые комментарии, которые:
    • включают множество ошибок;
    • написаны безграмотно;
    • не имеют отношения к данной статье;
    • не содержат никакой полезной информации для посетителей.
  3. Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
  4. Потренироваться в написании комментариев вы можете в песочнице.

Комментарии к статье

Salaskina@mail.ru

11.07.2007

А возможно ли задать параметры открывающейся старницы?

Влад Мержевич

24.07.2007

Только через JavaScript.

Павел

19.09.2007

Я давно искал этот тэг и вот наткнулся на него совершенно случайно.

Алекса

13.02.2008

2Павел: аналогично)

Mr. Z

16.03.2008

А перед blank обязательно ставить _ ? У меня вроде и без не все работает...

Feanor

19.03.2008

Господа, такой вопрос: как сделать что бы при нажатии на ссылку она открывалась в новом окне( а не в новой вкладке) и чтобы то окошко было строго фиксированных размеров?

Дмитрий

08.06.2008

Для этого нужен скрипт)))

Mastu-Basta

09.06.2008

Влад Мержевич, Дмитрий, это и так понятно, лучшеб ссылку дали..

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

Имя
Комментарий

Сохранить имя (используется cookie)

Поиск по сайту

Ссылки
Разделы
Теги по теме

A
Тег A является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег A устанавливает ссылку или якорь.

Copyright 2002–2008 Влад Мержевич, по всем вопросам пишите по адресу: vlad@htmlbook.ru

О сайте | Планы на будущее | Использование сайта | Борьба с ошибками | Технологии | Поддержать проект