Самоучитель по HTML, Плавающие фреймы.

Вот мы и дошли до последнего урока о фреймах, скорее всего о фреймах мы закончили в предыдущем уроке, а в этом поговорим совсем о других - как их называют "плавающие фреймы" или подругому вкладные.
Зачем они нужны? Сейчас я сначала вам его покажу, а потом разберем: для чего нужны и как это сделать.
И так вот он:


Показать я вам хочу не то что в этом фрейме, а как его создать и где использовать. Как вы видите это просто рамка, в которую подгружается совсем другая страница. Преимущество такого фрейма в том, что вкладная страница не зависит от основной, т.е. перезагружается только этот фрейм, а основная страница остается не подвижной. Такие фреймы вы наверно часто встречали при регистрации на сайтах, в них вкладывают пользовательские соглашения, Так-же можно встретить на серверах при редактировании или создании новых файлов, можно использовать в результатах голосования, глупое подобие я вам и создал в своем пример(не оставлять-же пустым), а если вы собрались сделать чат на сайте, вообще не заменимая вещь!!! Представте, ваша страница имеет 10-50кБайт текста + 3-20кБ. "css" и яваскрипта + графики(картинок и т.д.) 20-100кБ., а чату нужно перезагружаться каждых 10-20 секунд, какую скорость интернета нужно иметь, и столько уйдет трафика у ваших посетителей и сколько они пробудут у вас на сайте? А с плавающими фреймами все на много проще, перезагружается только ваш чат. Конечно это не единственые возможности использования, возможно вы найдете совсем другие, а мы перейдем к практике.
Плавающий фрейм вставляется в html-докумет при помощи тегов <iframe></iframe> таким способом:

       <html>
       <body>
       <iframe src="file.html" width="200" height="140"
       scrolling="auto" frameborder="1">
       </iframe>
       </body>
       </html> 

Теперь разберем:

iframe тег -означающий плавающий фрейм.
src атрибут уже известный нам из уроков о картинках, задает имя и путь к файлу, в нашем случае страница которая будет подгружаться.
width и height атрибуты которые задают ширину и высоту фрейма.
scrolling атрибут знакомый с простых фреймов, задает условие для полосы прокрутки, принимает те-же значения.
frameborder атрибут который мы используем только с этим тегом, задает бордюр(рамку) плавающего фрейма, а вот значения принимает такие либо 1 - рамка будет всегда, либо 0 - рамки не будет ни когда. Если вы напишете 5 или 10, то все равно бордюр будет такой как =1.


Перейти к выбору следующей страницы