Параметр target
По умолчанию, при переходе по ссылке файл открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <А>. Этот параметр может принимать следующие значения:
_blank — загружает страницу в новое окно браузера;
_self — загружает страницу в текущее окно;
_parent — загружает страницу во фрейм-родитель;
_top — отменяет все фреймы и загружает страницу в полном
окне браузера.
В примере 1 показано создание ссылки на сайт, который открывается в новом окне.
Пример 1. Открытие объекта в новом окне
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Новое окно</title>
</head>
<body>
<p><a href="http://www-html.ru" target="_blank">Ссылка открывает новое окно на сайт www.www-html.ru</a></p>
</body>
</html>
Замечание
Для разработки валидного тегов параметр target может использоваться только при переходном !DOCTYPE, как показано во всех примерах этой Уроки.
Если на сайте используются фреймы, то в качестве значения target можно использовать имя фрейма (пример 2).
Пример 2. Открытие объекта во фрейме
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Открытие файла во фрейме</title>
</head>
<body>
<p><a href="http://www-html.ru" target="newframe">Сайт www.www-html.ru</a></p>
</body>
</html>
Ссылка в примере 2 ведет на сайт www.www-html.ru, открывающийся во фрейме с именем newframe.
Замечание
Когда у параметра target указано неизвестное значение, например, имя фрейма набрано с ошибкой, то это приводит к тому, что ссылка открывается в новом окне.
Если на web-странице необходимо сделать, чтобы все ссылки открывались в новом окне, то нет необходимости добавлять во все теги <A> параметр target="_blank". Код можно сократить, если вначале страницы добавляем строку <base target="_blank">, как показано в примере 3.
Пример 3. Использование тега <BASE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Открытие файла во фрейме</title>
<base target="_blank">
</head>
<body>
<p><a href="1.ШТМЛ">Ссылка откроется в новом окне</a></p>
<p><a href="2.ШТМЛ" target="_self">Ссылка откроется в текущем окне</a></p>
</body>
</html>
Сделать так, чтобы ссылка открывалась в текущем окне, в таком случае можно, если добавляем к тегу <A> параметр target="_self", как показано в данном примере.
Статья опубликована: 06.09.2009 | Последнее обновление: 16.04.2009 |