Основы работы с XHTML и CSS


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


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

Рис. 10.7.  Плавающий фрейм

Плавающий фрейм, или линейный фрейм, появляется как отдельное, плавающее окно для вывода других документов Web. Он получил свое название из того факта, что может появляться встроенным в нормальный поток элементов страницы или может смещаться влево или вправо на странице с обтекающим его текстом. Фрейм может выводить один документ или может быть местом, где выводятся несколько соединенных документов. Например, несколько ссылок на странице могут выводить различные изображения в этом линейном фрейме.

Линейные фреймы создают с помощью тега <iframe>, общая форма которого показана на листинге 10.15.

<iframe src="url" name="framename" frameborder="1|0" scrolling="auto|yes|no"

Исключены: width="n|n%" height="n|n%" align="left|right" align="top|middle|bottom" vspace="n" hspace="n" marginwidth="n" marginheight="n" /> </iframe>

Листинг 10.15. Общая форма тега <iframe>

Атрибут src определяет страницу для начальной загрузки во фрейм. Атрибут name присваивает фрейму имя в качестве указателя для ссылок. Фрейм не обязательно соединять со ссылками. Можно просто вывести внутри фрейма один внешний документ, и в этом случае надо определить в атрибуте src фрейма без имени только URL.

По умолчанию вокруг фрейма выводятся границы. Можно отключить вывод границ с помощью атрибута frameborder="0". Если контент страницы, загружаемой во фрейм, больше фрейма, то автоматически выводятся панели прокрутки.

Можно отключить вывод панелей прокрутки с помощью атрибута scrolling="no" или постоянно выводить панели прокрутки с помощью scrolling="yes".

Остальные атрибуты - width, height, align, vspace, hspace, marginwidth, и marginheight - лучше задавать с помощью таблиц стилей. Они должны считаться исключенными атрибутами.

Отметим, что закрывающий тег </iframe> является обязательным, даже если он ничего не замыкает. На странице Web можно определить любое количество плавающих фреймов.

Следующий код используется для вывода и активации плавающего фрейма. Свойства таблицы стилей заменяют большинство атрибутов фрейма. Отметим, что в теге <iframe> атрибут src не задан. Поэтому фрейм открывается без вывода документа, оставляя фрейм пустым.

<iframe name="TheFrame" scrolling="no" style="width:225px; height:200px; float:right; margin-left:15px; border:ridge 5px"> </iframe>

<div> <a href="Artemis.htm" target="TheFrame">Artemis</a> <a href="Colossus.htm" target="TheFrame">Colossus</a> <a href="Gardens.htm" target="TheFrame">Gardens</a> <a href="Halicarnassus.htm" target="TheFrame">Halicarnassus</a> <a href="Lighthouse.htm" target="TheFrame">Lighthouse</a> <a href="Pyramid.htm" target="TheFrame">Pyramid</a> <a href="Zeus.htm" target="TheFrame">Zeus</a> </div>

Листинг 10.16. Код линейного фрейма




Начало  Назад  Вперед



Книжный магазин