Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

Параметр target

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

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

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<a href="http://www.mysite.ru" target="_blank">Ссылка открывает новое окно на сайт www.mysite.ru</a>

</body>
</html>

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<body>

<a href="http://www.mysite.ru" target="newframe">Сайт www.mysite.ru</a>

</body>
</html>

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

Замечание

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

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<base target="_blank">
<a href="1.php">Ссылка откроется в новом окне</a>
<a href="2.php" target="_self">Ссылка откроется в текущем окне</a>
</body>
</html>

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





На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!