Уроки HTML
Фреймы
Используя фреймы, окно броузера, можна разделить на несколько областей. В каждой из такой области можно отобразить отдельный HTML-файл.
Самый распространенный случай - это разбиение страницы на три фрейма. В первом фрейме находится заголовок страницы. Во втором - панель навигации. В третьем - основная информация. При этом посетитель нажимает на ссылки во втором фрейме, а новая страница загружается в третьем фрейме.
Вот код HTML-страницы, которая создает три фрейма:
<!DOCTYPE HTML PUBLIC"–//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/REC-html40/frameset.dtd">
<html>
<head>
<title>Страница с фреймами</title>
</head>
<frameset rows="20%, 80%" frameborder="0" border="1">
<frame src="top.htm" scrolling="no">
<frameset cols="20%, 80%" frameborder="0" border="1">
<frame src="menu.htm" scrolling="no">
<frame src="content.htm" scrolling="no" name="content">
</frameset>
</frameset>
</html>
В верхний фрейм будет загружаться страница top.htm, в левый - menu.htm, а в правый - content.htm.
А теперь давайте разберем код этого файла. Обратите внимание на то, что в коде отсутствует тег body, а на его месте стоит <frameset>.
<frameset rows="20%, 80%" frameborder="0" border="1">
В этой строке окно броузера разбивается на два горизонтальных фрейма. Первый фрейм занимает 20% от высоты всего окна броузера, а второй - 80%. Атрибут frameborder="0" указывает на то, что обЪемной рамки у этого фрейма нет, а атрибут border="1" устанавливает ширину рамки в один пиксел.
<frame src="top.htm" scrolling="no">
В этой строке задается содержимое верхнего фрейма. Атрибут src содержит URI файла, который загружается в этот фрейм, а атрибут scrolling="no" указывает на то, что фрейм не будет иметь полос пролрутки.
<frameset cols="20%, 80%" frameborder="0" border="1">
<frame src="menu.htm" scrolling="no">
<frame src="content.htm" scrolling="no" name="content">
</frameset>
Эта часть кода описывает второй фрейм, который в свою очередь разбивается еще на два фрейма, на этот раз вертикальных. Ширина фреймов - 20% и 80% от ширины окна броузера соответствено. Далее формируется содержимое каждого из этих двух фреймов. В левый фрейм будет загружаться файл menu.htm, а в правый - content.htm.
Обратите внимание, что правый фрейм имеет имя name="content". Оно необходимо для организации навигации по сайту. Ссылки в левом фрейме должны иметь вид:
<a href="main.htm" target="content">Главная</a>
Параметр target указывает в каком окне откроется файл main.htm.
© Seredenco Roman
2004-2006
