Фреймы

Фреймы - это окна в окне браузера , в каждый из которых может загружаться отдельный HTML -документ. Благодаря фреймам создается возможность одновременного вывода в окно браузера нескольких документов.

Для создания фреймсодержащего документа используются два тэга

<frameset>

с атрибутами cols, rows, id , class , title , style и

<frame>

с атрибутами name, src, scrolling, frameborder.

Каждое использование тэга <frameset> приводит к делению окна на вертикальные (с атрибутом cols) или горизонтальные полосы (с атрибутом rows).

Схема использования

<frameset ... > 
  <frame ... > 
  <frame ... > 
  ....
  <frame ... > 
</frameset>

Простой пример и его коды 

<html>
<head>
  <title>Простой фреймосодержащий документ</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<frameset cols="20%,*" framespacing="10" frameborder="yes" border="5" bordercolor="#0000FF" 
                                                     title="Установка вертикальных фреймов"> 
  <frame src="Left.htm" name="leftFrame" scrolling="yes"  title="Левый фрейм">
  <frame src="Right.htm" name="main" scrolling="no" noresize title="Правый фрейм">
</frameset>
<noframes>
  <body>
  Если Вы видите эти слова, то Ваш браузер не поддерживает фреймсодержащие документы.
  Просмотрите эти страницы, используя гиперссылки
  <a href="Left.htm"> Содержание левого фрейма</a>
  <a href="Right.htm"> Содержание правого фрейма</a>
  </body>
</noframes>
</html>

Замечание. Контейнер <frameset>...</frameset> в структуре документа заменяет контейнер <body>...</body>

Назначение атрибутов тэга <frameset>, используемых в примере.

Атрибут
Назначение
Примеры
cols Вектор, количество координат которого соответствует количеству фреймов, значения координат в процентах или в пикселах или * (остаток ) указывает ширину соответствующего вертикального фрейма.

cols="20%,*"

cols="200,400"
rows Вектор, количество координат которого соответствует количеству фреймов, значения координат в процентах или в пикселах или * (остаток ) указывает ширину соответствующего горизонтального фрейма.

rows="30%,10%,*"

rows="300,150,*"
framespacing расстояние в пикселах между фреймами. framespacing="10"
frameborder
  • "yes" - есть граница,
  • "no" - нет границы.
frameborder="yes"
border Толщина границы в пикселах. border="5"
bordercolor Цвет рамки. bordercolor="#0000FF"
title Всплывающая подсказка. title="Установка вертикальных фреймов"

Назначение атрибутов тэга <frame>, используемых в примере.

Атрибут
Назначение
Примеры
src Адрес документа, загружаемого в фрейм. src="Left.htm"
name Имя для обращения к фрейму из скриптов. name="leftFrame"
scrolling
  • "yes" - прокрутка,
  • "no" - нет прокрутки.
scrolling="yes"
title

Всплывающая подсказка.

 title="Левый фрейм"
noresize Размер не изменять. noresize

 

Контейнер <noframes>...</noframes> обеспечивает просмотр этой страницы любым браузером и его содержимое покажет только браузер, не поддерживающий фреймсодержащие документы


Для создания сложных фреймсодержащих документов используют два метода:

Этот пример использует комбинацию обоих методов. Все используемые файлы расположим в одной папке. Для просмотра кода этого примера используйте блокнот или другой редактор.

Плавающие фреймы

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

<iframe>...</iframe>

 

Вопросы для самоконтроля

Оглавление