Для создания фрейма используется тег <FRAMESET>,
который заменяет тег <BODY> в документе и
применяется для разделения экрана на области. Внутри данного тега
находятся теги <FRAME>, которые указывают
на HTML-документ, предназначенный для загрузки в область (рис. 1).
Рис. 1. Пример разделения окна браузера на фреймы
Для размещения фреймов, как показано на рис. 1, код будет следующий.
Пример 1. Создание двух фреймов
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Фреймы</title>
</head>
<frameset cols="100,*">
<frame src="menu.html" name="MENU">
<frame src="content.html" name="CONTENT">
</frameset>
</html>
Заметьте, что в данном примере используется другой <!DOCTYPE>,
чем в обычных HTML-документах, это связано с применением фреймов. Указанный
<!DOCTYPE> применяется только для главной страницы,
определяющей структуру фреймов.
В данном примере окно браузера разбивается на две колонки, левая занимает 100
пикселов, а правая — оставшееся пространство, заданное символом звездочки.
Ширину или высоту фреймов можно также задавать в процентном отношении, наподобие
таблиц.
В теге <FRAME> задается имя HTML-файла,
загружаемого в указанную область, с помощью параметра src.
В левое окно будет загружен файл, названный menu.html,
а в правое — content.html. Каждому
фрейму желательно задать его уникальное имя, чтобы документы можно
было загружать в указанное окно.
Рис. 2. Пример разделения окна браузера на фреймы
Если нужна более сложная структура фреймов, например, как показано на рис.
2, теги <FRAMESET> можно вкладывать один в другой (пример
2).