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

Автор: content Суббота, Апрель 7th, 2012 Нет комментариев

Рубрика: Уроки html

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

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

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

Пример 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=utf-8">
 <title>Ссылки</title>
 </head>
 <body>
 <p><a href="http://htmlbook.ru">Обычная ссылка на сайт www.htmlbook.ru</a></p>
 <p><a href="http://htmlbook.ru" target="_blank">Ссылка
 открывает новое окно на сайт www.htmlbook.ru</a></p>
 </body>
</html>

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

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

<!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=utf-8">
 <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», как показано в данном примере.

Учтите, что атрибут target не является валидным для строгого <!DOCTYPE>.

Источник: http://htmlbook.ru/content/ssylka-na-novoe-okno
Автор: Влад Мержевич

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты