Фрейм (HTML)

Фрейм (frame) — это отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне web-браузера.

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

Фреймы довольно часто использовались для навигации по web-сайту. При этом навигационная страница располагается в одном окне, а страницы с текстом - в другом.

В современном WWW использование фреймов не рекомендовано. Главным образом это связано, как ни странно, с алгоритмами работы поисковых машин, которые могут привести пользователя к html-документу, являющемуся согласно задумке лишь одним из фреймов того, что автору сайта хотелось бы представить.

Описание

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

Синтаксис: <frameset> <frame> </frameset>

Параметры:
bordercolor - Цвет линии границы.
frameborder - Отображать рамку вокруг фрейма или нет.
name - Задает уникальное имя фрейма.
noresize - Определяет, можно изменять размер фрейма пользователю или нет.
scrolling - Способ отображения полосы прокрутки во фрейме.
src - Путь к файлу, предназначенному для загрузки во фрейме.

Закрывающий тег - Не требуется.

Пример 1. Использование тега <FRAME>

HTML

<frameset rows="80,*" cols="*">
  <frame src="top.html" name="topFrame" scrolling="no" noresize>
  <frameset cols="80,*">
    <frame src="left.html" name="leftFrame" scrolling="no" noresize>
    <frame src="main.html" name="mainFrame">
  </frameset>
</frameset>