• Страница 1 из 1
  • 1
Обсуждение «Основы HTML: Ссылка в новом окне»
avatar
Админ | Оффлайн
Если требуется сделать ссылку на документ, который открывается в новом окне браузера, используется параметр target="_blank" тега <А>.

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

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

Пример 1. Создание ссылки на новое окно
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<a href="/go?http://www.htmlbook.ru" title="http://www.htmlbook.ru">Обычная ссылка на сайт www.htmlbook.ru</a>

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

</body>
</html>


Обычная ссылка на сайт www.htmlbook.ru

Ссылка открывает новое окно на сайт www.htmlbook.ru

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

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

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

В этой теме Вы можете задать вопрос о материале:
Основы HTML: Ссылка в новом окне.
[Сообщение # 1]  
avatar
Админ | Оффлайн
Code
<A HREF="#nul" ONCLICK="window.open('Адрес.html ','','Toolbar=1,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=0,Resizable=0,Width=550,Height=400');">Название</A>


[Сообщение # 2]  
  • Страница 1 из 1
  • 1
Поиск:

close