Оглавление

10.7. Тег <iframe>. Добавление фрейма в обычный документ

С помощью парного тега <iframe> можно вставлять фреймы в обычный HTML-документ. Если тег <iframe> не поддерживается, то будет выведен текст между тегами <iframe> и </iframe>. Иногда такие фреймы называют "плавающими". Тег <iframe> имеет следующие параметры:
  -    src определяет URL-адрес документа, который должен быть загружен во фрейм.

       Может быть указан абсолютный или относительный URL-адрес:
                <iframe src="http://www.mysite.ru/doc2.html">  

       <iframe src="doc2.html">
  -   name задает уникальное имя фрейма:
                 <iframe src="chapter1.html" name="chapter">
  -   scrolling запрещает или разрешает отображение полос прокрутки во фрейме.

       Может принимать следующие значения:
       •   auto — полосы отображаются, только если содержимое не помещается во фрейме (значение по умолчанию):
                 <iframe src="chapter1.html" name="chapter" scrolling="auto">

       •     yes — полосы отображаются в любом случае:
                 <iframe src="chapter1.html" name="chapter" scrolling="yes">
       •     no — полосы не отображаются в любом случае:
                 <iframe src="chapter1.html" name="chapter" scrolling="no">
  -   marginwidth и marginheight определяют расстояние по горизонтали и по вертикали

       между границей фрейма и его содержимым (в пикселах):

       <iframe src="chapter1.html" name="chapter" marginwidth="5" marginheight="5">
  -  frameborder включает или отключает показ границ фрейма.

     Параметр может принимать одно из значений:
       •  1 — граница отображается:
       <iframe src="chapter1.html" name="chapter" frameborder="1">
       •  0 — граница не отображается:
       <iframe src="chapter1.html" name="chapter" frameborder="0">
  -  width и height задают ширину и высоту фрейма:

       <iframe src="chapter1.html" name="chapter" width="200" height="200">

  - align определяет выравнивание фрейма. Может принимать следующие значения:
       •  left — фрейм выравнивается по левому краю, текст обтекает фрейм справа:
       <iframe src="chapter1.html" name="chapter" align="left">
       •  right — фрейм выравнивается по правому краю, текст обтекает фрейм слева:

       <iframe src="chapter1.html" name="chapter" align="right">
       •  top — вертикальное выравнивание по верхнему краю:

       <iframe src="chapter1.html" name="chapter" align="right">
       •  middle — вертикальное выравнивание по центру:

       <iframe src="chapter1.html" name="chapter" align="middle">
       •  bottom — вертикальное выравнивание по нижнему краю:

       <iframe src="chapter1.html" name="chapter" align="bottom">

    

 

Попробуем заменить содержимое файла test.html (листинг 1.15) на код, представленный в листинге 17.

 

Листинг 17. Применение плавающих фреймов

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Применение плавающих фреймов</title>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
 <h1 align="center">Название документа</h1>
 <iframe src="chapter1.html" name="chapter" align="right" width="700" height="400">
  <p>Baш Web-браузер не отображает фреймы</p>
 </iframe>
 <h2>Оглавлекие</h2>
 <ul>
  <li><a href="chapterl.html" target="chapter">Глава l</a></li>
  <li><a href="chapter2.html" target="chapter">Глава 2</a></li>
 </ul>
</body>
</html>

 

Как и в предыдущем примере, заголовок и панель навигации остаются в неизменном состоянии, а при переходе по ссылкам соответствующая страница загружается в окно фрейма.

Примечания:
  • Тег iframe поддерживается только в формате Transitional. Использование в формате strict недопустимо.
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити