Как сделать отдельное окно?

Абсолютное большинство страниц в интернете содержит ссылки на другие страницы, на файлы для загрузки, на картинки и т.д. Часть гиперссылок открывается в том же окне, остальные - в новом. Посмотрим, как делается открытие ссылок в отдельном окне.
Создать сайт самостоятельно с Wix.com

Инструкция

В языке HTML (HyperText Markup Language — «язык разметки гипертекста»), который используется для описания интернет страниц, инструкция напечатать ссылку выглядит так:Текст ссылкиЭто самый простой вариант. Такие инструкции в HTML называют «тегами» и, как правило, каждый тег содержит ещё и дополнительную информацию - «атрибуты». В этом самом простом варианте ссылки атрибут только один - "href". Он содержит адрес страницы (или файла), которую следут показать, если посетитель перейдёт по этой ссылке. А атрибут, который указывает, в котором окне этот новый документ следует показывать, обозначается как "target". Если в атрибут href можно писать любой адрес (если он правильный, конечно), то в target можно указывать всего четыре разных значения:_self - страница должна быть загружена в это же окно или фрейм. Если окно разделено на несколько частей, то эти части называются «фреймами»;_parent - если текущая страница был сама загружена из другого окна (или фрейма), то она имеет «родительское» окно. А это значение атрибута требует чтобы страница, на которую указывает ссылка, была загружена в это самое родительское окно;_top - страница должна быть загружена в это же окно. Причём если это окно разделено на фреймы, то все они должны быть уничтожены и новая страница должна быть единственным фреймом в этом окне;_blank - обозначенный ссылкой документ должен быть открыт в новом окне.

Таким образом, чтобы сделать открытие ссылки в отдельном окне тег должен выглядеть так:Текст ссылки

Есть ещё одна разновидность окон - «модальные окна». Это такие окна, которые если уж появились, то заблокируют все другие окна браузера до тех пор, пока не выполнят свою работу. А работа их заключается в том, чтобы добиться от посетителя какого-то действия - например, ввода логина и пароля, или нажатия какой-либо кнопки подтверждения, или заполнения анкеты и т.д. Есть и более мирные применения модальных (или «диалоговых») окон. Конечно, открытие ссылок в отдельных модальных окнах - задача более сложная и требует использования кроме HTML ещё и языков CSS (Cascading Style Sheets - «каскадные таблицы стилей») с JavaScript. Относительно простой образец реализации можно посмотреть здесь - http://shpargalkablog.ru/2011/02/modalnoe-okno-css.html#showimagelink .

Оцените статью!