11.2 Фреймы
Стандартный документ HTML – занимает всю рабочую область Web – браузера. Манипуляции с полосами прокрутки приводят к скроллингу всего текста (и внедренного в него изображений). Но подчас требуется какую-то часть документа сделать независимой от скроллинга всего остального текста, например, главные ссылки желательно всегда оставлять в пределах видимости.
HTML представляет возможность разбивать всю рабочую область Web – браузера на несколько независимых друг от друга прямоугольных областей – так называемых фреймов (от англ. frame – рамка, кадр). С помощью тэга <TABLE> также как будто бы можно разбить окно браузера на ряд прямоугольных областей, но все они будут существовать в рамках одного HTML – документа. Фреймы позволяют не просто визуально поместить в одном окне несколько областей, но – что гораздо важнее, в каждую такую область загружать отдельный HTML – документ. Используя фреймы, Web – разработчик имеет возможность в одну область поместить документ с кнопками навигации, а другую использовать для загрузки необходимой информации.
Для установки правила разбивки существует тэговая пара <FRAMESET> </FRAMESET>, имеющие следующие атрибуты:
ROWS, устанавливает разбивку по строкам.
COLS, устанавливает разбивку по столбцам.
BORDERS, задает толщину обрамляющей рамки между фреймами.
Атрибуты ROWS и COLS не могут быть использованы одновременно в одном тэге <FRAMESET>, то есть одним тэгом можно разбить экран только на строки, либо на столбцы. Но зато любую строку (или столбец), в свою очередь также можно «порезать» на части, что напоминает построение таблицы, внутри ячеек, которых могут быть другие вложенные таблицы. Разбивка задается как в пикселях, так и в процентах от размера разбиваемой области.
Не достаточно просто указать структуру разбиения рабочей поверхности Web – браузера, необходимо указать какой именно HTML – документ должен быть загружен в тот или иной фрейм. Для этого имеется тэг <FRAME>, который используется без закрывающейся пары. Этот тэг имеет следующие атрибуты:
SRC (обязательный), задает URL загружаемого во фрейм документа.
NAME (обязательный), задает уникальное имя фрейма, которое затем может быть использовано в атрибуте TARGET тэга <A>. Имя фрейма может быть использовано, когда список ссылок расположен в одном фрейме, загружать документ требуется в другой
MARGINWIDTH, задает отступ по ширине.
MARGINHEIGHT, задает отступ по высоте.
SCROLLING, может принимать значения “NO” или “AUTO”, которые соответственно запрещают или разрешают скроллинг документа в этом фрейме.
NORESIZE, запрещает изменение размера фрейма. Если этот атрибут не указан, Web – браузер предоставляет возможность изменять размер фрейма приблизительно так же, как изменяется размер окна – с помощью мыши.
Поскольку не все браузеры поддерживают фреймы, существует тэговая пара <NOFRAMES> </NOFRAMES>, которую можно использовать для описания стандартного тела документа. Необходимость такого описания возникает, если браузер не поддерживает фреймы, в противном случае весь текст, расположенный между этой тэговой парой будет проигнорирован.
Листинг 3 Пример создания листинга для Фреймов
<HTML>
<HEAD><TITLE>ФРЕЙМЫ</TITLE></HEAD>
<FRAMESET BORDER =0 FRAMEBORDER=0 COLS=”30%,*”>
<FRAME SRC=06_left.htm NAME=MENU_FRAME MARGINWIDTH=0
MARGINHEIGHT=0 NORESIZE>
<FRAME SRC=06.htm NAME=WORK_FRAME MARGINWIDTH=0
MARGINHEIGHT=0 SCROLLING=AUTO>
</FRAMESET></HTML>
Листинг 4. (рис. 11.2)
<HTML>
<BODY BGCOLOR=#AA9900>
<BR><BR>
<FONT SIZE=4 FACE= “Tahome Arial”>
<CENTER>Фрейм: MENU_FRAME<BR><BR>
<A HREF=06_right.htm TARGET=”WORK_FRAME”>
ПЕРВАЯ СТРАНИЦА</A><BR>
<A HREF=XXXXX.htm TARGET=”WORK_FRAME”>
ВТОРАЯ СТРАНИЦА</A><BR>
<A HREF=YYYY.htm TARGET=”WORK_FRAME”>
ТРЕТЬЯ СТРАНИЦА</A><BR>
</CENTER>
</FONT></BODY></HTML>
Рис. 11. 2 Результат листинга HTML – документа 06_left.htm
Листинг 5 (см. рис 11.3)
<HTML>
<BODY BACKGROUND=Forest.jpg TEXT=#FFFFFF>
</BODY><CENTER>
<H1>ПРАВЫЙ ФРЕЙМ WORK_FRAME</H1>
</CENTER></HTML>
Рис. 11. 3 Результат листинга 5 HTML – документа 06.htm
Листинг 6 (см. рис. 11.4)
<HTML>
<HEAD><TITLE>ФРЕЙМЫ</TITLE></HEAD>
<FRAMESET BORDER=0 FRAMEBORDER=0 COLS=30%,*>
<FRAME SRC=06_left.htm NAME=MENU_FRAME MARGINWIDTH=0
MARGINHEIGHT=0 NORESIZE>
<FRAME SRC=06.htm NAME=WORK_FRAME MARGINWIDTH=0
MARGINHEIGHT=0 SCROLLING=AUTO>
</FRAMESET></HTML>
Рис. 11. 4 Типовая разбивка рабочей области браузера на два фрейма.