12.Фреймы
Фреймы позволяют разбить окно просмотра на несколько прямоугольных подобластей, располагающихся рядом друг с другом. В каждую из подобластей можно загрузить отдельный HTML-документ, просмотр которого осуществляется независимо от других. Между фреймами можно организовать взаимодействие, которое заключается с том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера.
Web-страницы, содержащие фреймы не содержат раздел BODY в своем HTML-коде. Этот раздел заменяется разделом FRAMESET.
Контейнер из тэгов <FRAMSET> и </FRAMESET> обрамляет каждый блок определений фрейма. Внутри контейнера <FRAMSET> могут содержаться только тэги <FRAME> и вложенные тэги <FRAMSET>.
Атрибут |
Назначение |
ROWS=«список_значений» |
Строки фреймов. Задается в пикселях, процентах или относительных единицах. |
COLS=«список_значений» |
Столбцы фреймов. Задается в пикселях, процентах или относительных единицах. |
BORDERCOLOR=цвет |
Цвет рамки |
BORDER=число |
Толщина рамки |
FRAMEBORDER= значение |
Вывод объемной рамки Может принимать значения - yes/no |
Если один из атрибутов ROWS или COLS опущен, то его значение принимается равным 100%.
Например:
Если необходимо разбить окно на два вертикальных фрейма шириной 40% и 60% от размеров окна и высотой 100%, то делается следующая запись тэга:
<FRAMESET COLS=40%,60%>
или
<FRAMESET COLS=40%,*>
При помощи (*) задаются значения в относительных единицах. (*) используется для пропорционального деления пространства в окне браузера. Каждая звездочка представляет собой одну часть целого. Складывая все значения чисел, стоящих у звездочек (если число опущено, то подразумевается единица), получим знаменатель дроби.
Например:
<FRAMESET ROWS=*,2*,3*>
Получим 1+2+3=6, т.е. знаменатель дроби равен 6. Окно будет разбито на три части, первая часть будет иметь высоту равную 1/6 от всей высоты окна, вторая – 2/3, третья – 3/6.
<FRAME> - определяет одиночный фрейм. Не имеет закрывающего тэга.
Атрибут |
Назначение |
SCR=URL-адрес |
Адрес HTML-документа, который будет загружен изначально в данный фрейм. |
NAME=имя_фрейма |
Определяет имя фрейма, которое используют для ссылки к данному фрейму из другого фрейма. |
MARGINWIDTH=значение |
Определяет ширину полей фрейма слева и справа. Размер указывают в пикселях. |
MARGINHEIGHT=значение |
Определяет ширину полей фрейма сверху и снизу. Размер указывают в пикселях. |
SCROLLING=значение |
Отображение полос прокрутки. Возможны значения YES, NO, AUTO. |
NORESIZE |
Запрещает изменение размеров фрейма. Не требует никаких параметров. |
<NOFRAME> - альтернативная информация для браузеров, которые не поддерживают фреймовую структуру HTML-документов. Браузеры с поддержкой фреймовой структуры проигнорируют всю информацию между этими тэгами. Закрывающий тэг обязателен.
Е
сли
необходимо создать вложенный фрейм, то
вместо тэга FRAME
создаем еще одну структуру FRAMESET
и уже в ней описываем все необходимые
фреймы.
Взаимодействие между фреймами заключается в возможности загрузки документов в выбранный фрейм по командам из другого фрейма. По умолчанию, если данный атрибут отсутствует, документ будет загружаться в текущий фрейм.
В
документе, где описана структура фреймов,
даем имя фрейма:
Например:
<frameset cols=130,*>
<frame src=fr2.html>
<frame src=fr3.html name=right>
</frameset>
В файле fr2.html, где находятся ссылки на другие документы, в тэг <A> добавляем атрибут TARGET. Этот атрибут может иметь следующие значения:
_blank – загружает указанный файл в новое окно;
_self – загружает указанный файл в тот же фрейм, из которого вызвана ссылка;
_top – загружает указанный файл в целое окно с разрушением фреймовой сетки.
Например:
<body>
<h1 align=center>Оглавление</h1>
<a href=links.html target=_top>Ссылки</a><br>
<a href=poems.html target=right>Стихи</a><br>
<a href=tabl.html target=_blank>Таблица</a><br>
</body>
В последнее время наблюдается отказ от использования фреймовой структуры в пользу использования механизмов CSS (Каскадные таблицы стилей).