Главная
Блог разработчиков 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
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB