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

Для создания фрейма используется тег <frameset>, который заменяет тег <body> в документе и применяется для разделения экрана на области. Внутри данного тега находятся теги <frame>, которые указывают на HTML-документ, предназначенный для загрузки в область.

Для размещения фреймов, как показано на рисунке, код будет следующий.

Простой фрейм
В данном примере окно браузера разбивается на две колонки, левая занимает 200 пикселов, а правая — оставшееся пространство заданное символом звездочки. Ширину или высоту фреймов можно также задавать в процентном отношении, наподобие таблиц.

В теге <frame> задается имя HTML-файла, загружаемого в указанную область, с помощью параметра src. В левое окно будет загружен файл, названный menu.html, а в правое — content.html. Каждому фрейму желательно задать его уникальное имя, чтобы документы можно было загружать в указанное окно.
Фрейм посложнее
Если нужна более сложная структура фреймов, например, как показано на рисунке, теги <frameset> можно вкладывать один в другой

Первый тег <frameset> разбивает окно браузера на две строки шириной 10 и 90 процентов. А следующий, вложенный — создает две колонки, как и в предыдущем примере.

Обратите внимание, что тег <body> при использовании фреймов не указывается, поскольку его функцию выполняет тег <frameset>.

В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. При использовании фреймов схема загрузки документов отличается от стандартной. Основное отличие — возможность загружать документ в выбранный фрейм из другого. Для этой цели используется параметр target тега <a>. В качестве значения используется имя фрейма, в который будет загружаться документ, указанный параметром name.

Файл index.html

Файл menu.html

В приведенном примере фрейму присваивается имя content. Чтобы документ загружался в указанный фрейм, используется параметр target="CONTENT".
Имя фрейма должно начинаться на цифру или латинскую букву. В качестве зарезервированных имен используются следующие:

  • _blank — загружает документ в новое окно;
  • _self — загружает документ в текущий фрейм;
  • _parent — загружает документ во фрейм, занимаемый родителем, если фрейма-родителя нет параметр действует также, как _top;
  • _top — отменяет все фреймы и загружает документ в полное окно браузера.

Похожие материалы:

Оставить комментарий