Примечание. Язык изложения материала этой статьи получился немного тяжеловатым, т. к. тема довольно запутанная и сложная. Но, я надеюсь,
что мои читатели уже привыкли к моему стилю и поднаторели по части терминов и им не составит особого труда разобраться с фреймами :-).
Фреймы - это средство форматирования страницы. Они позволяют разделить окно просмотра браузера на несколько прямоугольных областей. В этом они очень похожи на таблицы.
Однако при помощи фреймов можно не только разделить страницу на несколько частей, но и решить задачу взаимодействия между этими частями, т. к. в каждый фрейм можно загрузить отдельный HTML- документ.
Т. е. каждый фрейм является как бы самостоятельной WEB-страницей. При использовании фреймов следует помнить, что взаимодействие между окнами получается довольно сложное. То есть может оказаться, что
страница будет грузиться совсем не в то окно, куда Вы ее посылаете. Естественно в пределах одной статьи невозможно рассмотреть весь спектр вопросов, связанных с использованием фреймов,
поэтому для начала разберем только общие положения и самые простые случаи.
При использовании фреймов, файл, описывающий структуру фреймов (обычно это - index.html) не может содержать в себе никакой другой информации, кроме этого описания. Вместо раздела BODY
такой файл содержит раздел FRAMESET. Внутри тега-контейнера <FRAMESET>...< FRAMESET> могут содержаться только вложенные теги FRAMESET и теги FRAME. Код простейшего документа, содержащего два
вертикальных фрейма, один из которых занимает 130 пикселей, а второй - оставшуюся часть окна:
<HTML>
<HEAD>
<TITLE>пример1</TITLE>
теги META
</HEAD>
<FRAMESET COLS="130,*">
<FRAME NAME="Frame1" SRC="f1.html">
<FRAME NAME="Frame2" SRC="f2.html">
</FRAMESET>
Тег FRAMESET имеет следующие параметры:
ROWS="список значений" - задает высоту горизонтальных фреймов.
Список значений для этих параметров представляет собой разделенный запятыми список значений, которые могут выражаться в пикселях или процентах. Число строк или столбцов определяется числом значений в
соответствующем списке. Необходимо определить, по меньшей мере, два значения хотя бы одного из этих параметров. То есть, если мы зададим </FRAMESET ROWS="20%,*" COLS="50%,*">, то окно браузера будет разбито
на четыре части. Два верхних фрейма будут занимать 20% от высоты окна и по половине его ширины, а два нижних - остальное пространство по высоте и по половине - по ширине. Чтобы разделить окно на три фрейма,
необходимо использовать теги FRAMESET, вложенные друг в друга. Т. е. сначала делим окно на две части, а потом одно из окон (или оба, если нам нужно много неодинаковых фреймов) делим еще на две (или несколько)
частей.
некоторые другие параметры, которые будут рассмотрены позже.
Внутри тега FRAMESET должно находиться столько тегов FRAME, сколько фреймов было определено структурой FRAMESET. В вышеприведенном примере1 описано два фрейма, соответственно, поставлено два
тега FRAME. Тег FRAME не является контейнером и не имеет закрывающей части.
Единственным обязательным параметром тега FRAME является параметр SRC, в качестве значения которого выступает URL-адрес документа,
который мы хотим загрузить в этот фрейм. Где лежит этот файл, как и в других случаях использования параметра SRC (рисунки, звук), не имеет особого значения.
Не обязателен, но очень желателен параметр NAME="...". Этот параметр задает имя фрейму, которое помогает организовать взаимодействие между фреймами. Если фрейм имеет имя, мы можем загружать
в него документы, используя ссылки в других фреймах. Именем фрейма может служить любое допустимое в документах HTML сочетание букв, цифр и всяких прочих знаков, какие Вы найдете на своей клавиатуре. Единственное
условие - они должны начинаться с латинской буквы или цифры. Исключением являются имена, зарезервированные для навигации между фреймами, но о них мы поговорим в следующей статье. При
организации ссылок необходимо использовать параметр TARGET=имя_фрейма. Например, если Вы хотите, чтобы файл kakoito.html загружался во фрейм с именем kakoitoframe, ссылка должна выглядеть следующим образом:
<A TARGET=kakoitoframe HREF="kakoito.html">...</A>.
Некоторые другие параметры тега FRAME:
MARGINHEIGHT="" - задает ширину поля (отступа от края, не рамки!) сверху и снизу фрейма в пикселях.
MARGINWIDTH="" - задает ширину поля в пикселях слева и справа.
SCROLLING="..." - Разрешает или запрещает браузеру создавать во фрейме полосы прокрутки. Может принимать значения:
YES - вызывает появление полос прокрутки независимо от необходимости.
NO - запрещает создание полос прокрутки в любом случае.
AUTO - абсолютно бесполезное значение, т. к. браузер в этом случае действует так же, как и при полном отсутствии параметра SCROLLING.
NORESIZE - предотвращает возможность изменения пользователем размера фреймов. Не требует никаких значений. Естественно, при употреблении этого параметра в одном из фреймов, размеры смежных фреймов изменить
будет также невозможно.
Тег NOFRAMES употребляется в документе, использующем фреймы для того, чтобы сообщить пользователям с браузерами, не поддерживающими фреймы, дополнительную информацию о сайте. Например, уважаемый
мною редактор Visual HTML Workshop при использовании фреймов автоматически вставляет в файл следующий текст:
<NOFRAMES>
Для просмотра данного сайта требуется броузер, поддерживающий
фреймы. Лучше всего использовать <A HREF = "http://download.netscape.com"> Netscape Navigator </A> или <A HREF = "http://www.microsoft.com/ie"> Microsoft Internet Explorer </A>
</NOFRAMES>
К этому можно также добавить ссылку, например, на главную или какую-нибудь другую страницу сайта, не использующую фреймы.
В последующих статьях мы рассмотрим более подробно особенности навигации при использовании фреймов, и прочие подробности.
