Фреймы

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

Рассмотрим пример наиболее часто реализуемого набора фреймов (верхний информационный фрейм, правая колонка для навигации, центральная колонка для содержимого страницы). Данная конструкция должна располагаться внутри главной страницы (index.html), между тегами <HTML> и </HTML>. Отметим, что документ с фреймами не содержит тега <BODY>, он заменяется тегом создания фреймов - <FRAMESET>:

Код

Отображение

Фрейм 1 (top.html)
Фрейм 2 (menu.html)	Фрейм 3 (main.html)

В соответствующий фрейм будет загружено содержимое файла (с указанным в скобках именем). Если браузер не может отображать фреймы, или настроен так, чтобы их не показывать, то на странице будет показано содержимое элемента <NOFRAMES> (в нашем примере текст "Ваш браузер не поддерживает фреймы.").

Рассмотрим более подробно свойства тегов <FRAMESET> и <FRAME>. Тег <FRAMESET> имеет два основных свойства: ROWS и COLS, определяющие количество фреймов, расположенных горизонтально или вертикально, соответственно. Эти свойства определяют размеры фреймов. Можно задавать относительные значения, используя проценты (n%) или пропорции (n*). Например, ROWS="20%, *, 2*" задает три горизонтальных фрейма, первый занимает 20% от окна браузера, второй и третий все оставшееся место, причем третий в два раза больше второго (* соответствует 1*). Можно задавать абсолютные значения, например, ROWS="200,500" задает два фрейма высотой 200 и 500 пикселей соответственно.

Приведем все свойства тега <FRAME> и их возможные значения:

Свойство	Описание
NAME	Задает имя текущего фрейма. Имя используется для открытия ссылок в конкретном фрейме.
SRC	Местоположение начального содержимого фрейма.
NORESIZE	Наличие этого свойства запрещает изменять размер фрейма.
SCROLLING	Определяет возможности прокрутки. Возможные значения: auto - при необходимости появляется полоса прокрутки (используется по умолчанию), yes - полоса прокрутки отображается всегда, no - прокрутка запрещена.
FRAMEBORDER	Задает отображение границы фрейма. Возможные значения: 1 - границы отображаются, 0 - границы не отображаются.
MARGINWIDTH	Задает отступы от левого и правого края. Минимальное значение - 1 пиксель.
MARGINHEIGHT	Задает отступы от верхнего и нижнего края. Минимальное значение - 1 пиксель.

Рассмотрим, каким образом открываются ссылки во фрейме. При переходе по ссылке, страница открывается в текущем фрейме. Для того, чтобы открыть ссылку в другом фрейме, фрейму должно быть присвоено уникальное имя с помощью свойства NAME, а ссылка указывать направление на это имя через свойство TARGET:

...
<FRAME NAME=main SRC="main.html">
...

<A HREF="main2.html">Загрузить файл в фрейм main</A>