Урок 10 | "Плавающие" фрэймы - iframe

Iframe - это внедрённое окно. Это как страница внутри другой страницы. На пример, на нашем сайте я использую "плавающий" фрэйм - это окошко с розовым фоном, справа от меню (вы сейчас читает урок, который внутри этого ифрэйма).

В чём преимущества iframe? Если у вас большой сайт, с кучей разделов, то крайне неудобно переделывать все страницы, только потому что добавилась новая ссылка или раздел... Но, если вы поместите контент (то есть, информацию сайта) в ифрэйм, можно редактировать главную страницу сколько угодно, не трогая странички с информацией :)

Вот стандартный код любого iframe, мы его разберём:

<iframe name="tritroichki" src="index1.html" width="300" height="200" frameborder="1" scrolling="yes" marginheight="20" marginwidth="30"></iframe>

name — имя iframe (может быть любое!).

src — адрес странички, которая будет открываться внутри iframe.

width — длина iframe.

height — высота iframe.

scrolling — наличие полос прокруток (no — полос прокрутки нет, yes — есть, auto — наличие или отсутствие полос прокрутки определяет сам браузер).

frameborder — толщина рамочки викруг фрэйма (0 - без рамочки, 1 - с рамочкой и т.д.).

Ссылка при клике по которой страница открывается в iframe, то есть, в нужном нам окошечке:

<a href="page4.html" target="tritroichki">ссылка</a>

Что бы страница не открылась в новом окне, нужно обязательно прописать target в коде ссылки. Помимо этого, название фрэйма (name) не должно отличатся от того, что бы прописали в target (у меня name=target=tritroichki). Если вы всё сделали верно, страничка page4.html откроется ВНУТРИ фрейма с именем tritroichki.

Вроде всё ^^