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

Параметр target

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

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

По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <А>. Этот параметр может принимать следующие значения:

_blank — загружает страницу в новое окно браузера;
_self — загружает страницу в текущее окно;
_parent — загружает страницу во фрейм-родитель;
_top — отменяет все фреймы и загружает страницу в полном окне браузера.

В примере 1 показано создание ссылки на сайт, который открывается в новом окне.

Пример 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" target="_blank">Ссылка открывает новое окно на сайт www.htmlbook.ru</a></p>

</body>
</html>

Замечание

Для создания валидного кода параметр target может использоваться только при переходном !DOCTYPE, как показано во всех примерах этой статьи.

Если на сайте используются фреймы, то в качестве значения target можно использовать имя фрейма (пример 2).

Пример 2. Открытие документа во фрейме

Валидный 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" target="newframe">Сайт www.htmlbook.ru</a></p>

</body>
</html>

Ссылка в примере 2 ведет на сайт www.htmlbook.ru, открывающийся во фрейме с именем newframe.

Замечание

Когда у параметра target указано неизвестное значение, например, имя фрейма набрано с ошибкой, то это приводит к тому, что ссылка открывается в новом окне.

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

Пример 3. Использование тега <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", как показано в данном примере.

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

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

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

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

санька

13.12.2006

а как сделать если у меня слева меню а справа я хочу что бы открывался текст и непроподала менюшка???????плиз помогите

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

14.12.2006

2 санька
Сделай меню одинаковым для всех страниц, тогда оно при переходе на другой документ, будет повторяться.

Юля

16.08.2007

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

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

22.08.2007

Можно, для этого есть технология AJAX, а еще фреймы. Но адрес в строке браузера при этом остается одним, хотя содержимое разным. А для посетителей это неудобно.

Евгений

30.08.2007

У меня на сайте меню подгружается в IFRAME - это помогает избежать всех вышеперечисленных проблем

DikobrAz

14.09.2007

Если у меня есть iframe на странице и все ссылки загружают страницы в него(стоит <base target="mainFrame">, чтобы менюшка не исчезала и не надо было е? повторять на каждой странице), но если открыть ссылку в новом окне, то менюшка и фрейм проподают(видать потому что браузер просто меняет target), и это выглядит не очень красиво, можно ли это как-нибудь исправить, не прибегая к перегрузке onclick? Если кидать менюшку в iframe, то обрезается выпадающее подменю.

Андрей

21.09.2007

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

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

21.09.2007

В форуме этот вопрос раскрывался, поищите в нем. Ключевое слово: window.open.

NuT

06.03.2008

На ваш сайт я попал случайно, с phpforum-а. Теперь добавил ваше творение в избранное и постоянно перечитываю. Спасибо за информацию smile
По поводу AJAX - полторы сотни тысяч ссылок в поисковиках. Может, случайно, ненароком, у вас есть ссылочка на подобный сайт про Айакс? wink

NuT

06.03.2008

В частности, меня дико интересует возможность построения структуры сайта с "тяжелым" графическим меню слева, загружаемым !единожды! и "легким" текстовым наполнением справа, загружаемым по ссылкам из меню. Соответственно, в целях совместимости и прочих достоинств - JAVA, Frame, iFrame - как варианты не рассматриваются. Заранее благодарен smile

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

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

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

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

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

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

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

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