HTML / 11. Фреймы

Встроенные фреймы

До сих пор наше обсуждение было посвящено в основном фреймам, которые определялись в рамках наборов фреймов (фреймсетов), заполняющих окно броузера. Такой фреймсет занимает место традиционного тела документа и предоставляет пользователю содержимое через содержащиеся в нем фреймы.

Стандарты HTML 4 и XHTML позволяют действовать иначе – можно определить фрейм, который будет содержаться внутри традиционного документа и отображаться как часть потока содержимого документа.

Эти фреймы ведут себя очень похоже на встроенные в документ изображения, почему их и называют встроенными (inline) фреймами.

Все популярные броузеры поддерживают встроенные фреймы.

Тег <iframe>
Встроенные фреймы определяются при помощи тега <iframe>. Тег <iframe> не используется в теге <frameset>. Вместо этого он может появиться в вашем документе везде, где может появиться тег <img>. Тег <iframe> определяет прямоугольную область в документе, в которой броузер отображает отдельный документ с его рамкой и полосами прокрутки.Воспользуйтесь атрибутом src тега <iframe> для определения URL документа, который займет место внутри встроенного фрейма. Все другие атрибуты тега <iframe>, включая атрибуты class, frameborder, id, longdesc, marginheight, marginwidth, name, scrolling, style и title, могут быть опущены. Эти необязательные атрибуты используются подобно
аналогичным атрибутам тега <frame>.

Используйте содержимое тега <iframe> для предоставления информации пользователям броузеров, не поддерживающих встроенных фреймов. Поддерживающие встроенные фреймы броузеры проигнорируют это содержимое, тогда как все другие броузеры проигнорируют тег <iframe> и, следовательно, отобразят его содержимое, как если бы оно
было регулярным содержимым тела документа. К примеру, используйте содержимое тега <iframe>, чтобы объяснить пользователям, что они потеряли:

...предыдущее содержимое документа…
<iframe src="sidebar.html" width=75 height=200 align=right>

Ваш броузер не поддерживает встроенных фреймов. Чтобы увидеть полное документа содержимое, вам необходимо установить более современную версию броузера.

</iframe>
...последующее содержимое документа

В этом примере мы сообщаем пользователю, что он пытается воспользоваться возможностью, которую не поддерживает его броузер, и даем ему ссылку на пропущенный документ.

Атрибут align
Подобно атрибуту align для тегов <table> и <img> этот атрибут встроенного фрейма позволяет управлять тем, помещается ли фрейм в строку с окружающим текстом или смещается к краю документа, позволяя тексту обтекать его.

Для вывода фрейма в строку используйте значения top, middle или bottom атрибута align. Фрейм будет выровнен по верху, середине или по низу окружающего текста соответственно. Чтобы позволить тексту обтекать встроенный фрейм, используйте значения left и right этого атрибута. Фрейм тогда сместится соответственно влево или вправо по отношению к потоку текста, так что остальное содержимое документа будет обтекать его. Значение center помещает встроенный фрейм в центр окна, причем текст будет располагаться выше и ниже фрейма.

Атрибуты height и width
Популярные броузеры помещают по умолчанию содержимое встроенных фреймов в контейнер 150 пикселов высотой и 300 пикселов шириной. Чтобы изменить размеры этого контейнера, присвойте атрибутам height и width желательные величины в пикселах.

Использование встроенных фреймов
Хотя вы, вероятно, будете избегать их в большинстве ваших веб-страниц, встроенные фреймы могут быть полезны, особенно для предоставления информации, связанной с текущим документом, подобно тому, как это делают в традиционных печатных публикациях в примечаниях на полях.

За исключением того, что они расположены внутри традиционного документа, встроенные фреймы ведут себя точно так, как обычные.

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

Статьи по HTML на эту тему:

Модель XFrames
Окна и фреймы в качестве цели

Вернуться в раздел: HTML / 11. Фреймы