Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 16.03.2014 | нет комментариев

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

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

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

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

<!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.alldes.net”>Обычная ссылка на сайт www.alldes.net</a></p>
<p><a href=”http://www.alldes.net” target=”_blank”>Ссылка открывает новое окно на сайт www.alldes.net</a></p>

</body>
</html>

Если на веб-странице необходимо сделать, чтобы все ссылки открывались в новом окне, то нет необходимости добавлять во все теги <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”, как показано в данном примере.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB