Учебник HTML

Использование фреймов на веб-страницах

Фреймы — это средство компоновки, используемое многими создателями веб-сайтов. На начальном этапе развития Веб компоновка страницы считалась второстепенной задачей по сравнению с организацией ее информационного наполнения. Однако с течением времени, по мере того как у разработчиков узлов появлялось больше возможностей и способов представления информации, отношение к данному вопросу постепенно изменялось.

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

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

Создание фреймов

Главный файл веб-страницы содержит тег <FRAMESET>, определяющий компоновку страницы, и теги <FRAME>, в которых указывается имя файла, отображаемого в данном фрейме. В файле главной веб-страницы раздел BODY должен отсутствовать, поскольку тело страницы находится в отдельных файлах, в которых хранятся фреймы.

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

Компоновка фреймов

Теги <FRAMESET> и </FRAMESET> определяют, как разделена страница - по горизонтали (с использованием атрибута ROWS) или по вертикали (с использованием атрибута COLS). Размер каждого фрейма можно указывать в пикселах или в процентах от общего размера окна браузера, в котором отображается веб-страница. Так, следующие теги делят страницу на два вертикальных фрейма: первый из них занимает 20 % от ширины страницы, второй — оставшуюся ее часть (обозначено звездочкой):

<FRAMESET COLS="20%,*">
</FRAMESET>

Отображение веб-страниц во фреймах

Между тегами <FRAMESET> и </FRAMESET> содержится по одному тегу <FRAME> для каждого фрейма. Значение атрибута SRC тега <FRAME> указывает имя файла веб-страницы, отображаемой в этом фрейме. Эти файлы открываются в окне браузера в определенном порядке. Если вы зададите два фрейма, то первый из них будет отображаться в левом столбце, а второй - в правом. (При использовании в теге <FRAMESET> атрибута ROWS, предназначенного для разделения окна браузера по горизонтали, первый файл появится над вторым.)

Приведенные ниже теги определяют имена файлов, которые будут отображаться в двух фреймах:

<FRAME SRC="ferstdoc.htm">
<FRAME SRC="seconddoc.htm">

Для того чтобы содержимое фрейма можно было прокручивать на экране, следует воспользоваться атрибутом SCROLLING тега <FRAME>. По умолчанию этот атрибут имеет значение YES.

Отображение текста браузерами, не поддерживающими фреймы

Текст, который будет появляться в браузерах, не поддерживающих фреймы, должен располагаться между тегами <NOFRAMES> и </NOFRAMES>:

<NOFRAMES>
Эта страница создана с использованием фреймов,
которые не поддерживаются вашим браузером.
</NOFRAMES>

Пример использования фреймов

Ниже дан пример веб-страницы, в которой используются фреймы:

<НТМL>
<НЕАD>
<TITLE>Домашняя страница справочника по Интернету</TITLE>
</НЕАD>
<FRAMESET COLS="20%,*">
<FRAME SRC="firstdoc.htm">
<FRAME SRC="seconddoc.htm">
<NOFRAMES>
Эта страница создана с использованием фреймов,
которые не поддерживаются вашим браузером.
Щелкните <А HREF="noframes.htm">здесь</А>,
чтобы перейти к странице, созданной без
применения фреймов.
</NOFRAMES>
</FRAMESET>
</HTML>

Изменение содержимого фрейма

Если на веб-странице в одном фрейме находится оглавление веб-сайта, нужно сделать так, чтобы ссылки в этом фрейме управляли содержимым другого фрейма. То есть при щелчке на ссылке в левом фрейме в правом должна отображаться конкретная веб-страница. Чтобы создать такую ссылку, правому фрейму нужно присвоить имя, а затем обращаться по этому имени в соответствующей ссылке. Чтобы присвоить имя фрейму, добавьте к тегу <FRAME> атрибут NАМЕ. Так, в следующем теге <FRAME> правому фрейму присваивается имя Data:

<FRAME SRC="bookfile.html" NAME="Data">

Затем включите имя этого фрейма в тег <А> левого фрейма, применяя атрибут TARGET для указания фрейма, в котором должно появиться содержимое нового файла, заданного в ссылке. Например, оглавление веб-страницы, отображаемое в левом фрейме, может содержать следующий тег <А>, который определяет файл bookfile.html, отображаемый во фрейме Data:

<А HREF="bookfile.html" TARGET="Data">
Первое знакомство с клубом книголюбов</А>

После щелчка на ссылке в левом фрейме в правом отобразится соответствующая ей веб-страница.

Если вы не используете атрибут TARGET, при щелчке на ссылке веб-страница отобразится в том же фрейме, где расположена данная ссылка (иными словами, в левом фрейме).