Фреймы представляют собой группу независимых окон. Например, в одном окне может быть меню и срадства навигации, в другом заголовок и статический баннер, в третьем смысловое содержимое страницы. С помощью фреймов достаточно просто реализуются довольно сложные документы.
Рассмотрим пример наиболее часто реализуемого набора фреймов (верхний информационный фрейм, спавая колонка для навигации, центральная колонка для содержимого страницы). Данная конструкция должна располагаться внутри главной страницы (index.html), между тегами <HTML> и </HTML>. Отметим, что документ с фреймами не содержит тега <BODY>, он заменяется тегом создания фреймов - <FRAMESET>: | Код | Отображение |
|---|
<FRAMESETROWS="70, *">
<FRAMESRC="top.html">
<FRAMESETCOLS="20%, *">
<FRAMESRC="menu.html">
<FRAMESRC="main.html">
</FRAMESET>
<NOFRAMES>
<Ваш браузер не поддерживает фреймы.
</NOFRAMES>
</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: <!-- Описание фреймов -->
...
<FRAMENAME=main SRC="main.html">
...
<!-- Ссылка открывающая файл в описанном выше фрейме -->
<AHREF="main2.html">Загрузить файл в фрейм main</A>
|
