Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 16.03.2014 | нет комментариев

Для создания фрейма используется тег <FRAMESET>, который заменяет тег <BODY> в документе и применяется для разделения экрана на области. Внутри данного тега находятся теги <FRAME>, которые указывают на HTML-документ, предназначенный для загрузки в область (рис. 1).

Рис. 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. Пример разделения окна браузера на фреймы

Если нужна более сложная структура фреймов, например, как показано на рис. 2, теги<FRAMESET> можно вкладывать один в другой (пример 2).

Пример 2. Создание трех фреймов

<!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 rows=”25%,75%”>
<frame src=”top.html” name=”TOP” scrolling=”no” noresize>
<frameset cols=”100,*”>
<frame src=”menu.html” name=”MENU”>
<frame src=”content.html” name=”CONTENT”>
</frameset>
</frameset>
</html>

Первый тег <FRAMESET> разбивает окно браузера на две строки шириной 25 и 75%. А следующий, вложенный — создает две колонки, как и в примере 1.

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

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB