фреймы

Фреймы в html

Начнем с фреймовой структуры. В чем ее суть? У нас есть возможность в документе, который мы загружаем в браузер, организовать специальные области оконного типа. В эти области можно загружать другие отдельные документы (веб-страницы).

Зачем это нужно? Поскольку документы загружены в свои отдельные области, то ведут они себя независимо. Т.е в одном документе можно что-то делать, при этом другие документы неизменны.

Где можо встретить такие фреймовые структуры? Это файлы помощи, справки (с расширением .chm).

Фреймовая структура

Приведу простой пример документа с фреймами:

<html>
<head>
<title>Пример фреймов</title>
</head>
<frameset cols="25%, 75%">
<frame src="menu.html">
<frame src="content.html">
<noframes> Вы просматриваете эту страницу с помощью браузера, не поддерживающего фреймы.
</noframes>
</frameset>
</html>

Элемент frameset. Его задача — охватить область просмотра и разделить ее на отдельные области. Т.е. дать указание браузеру, в каком соотношении и как (горизонтально или вертикально) мы делим эти области.

Элемент frame — описывает каждую такую отдельную область. Тег одиночный. Он занимает те размеры, которые указаны во frameset.

Элемент noframes — отображается, если браузер не поддерживает фреймы.

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

Атрибуты элемента frameset

  • cols — вертикальное деление страницы на области просмотра.
  • rows — горизонтальное деление страницы на области просмотра.

Примеры:

<frameset cols="10%, 60%, 30%">
<frameset rows="80, 200, *">
<frameset cols="1*, 250, 3*">
<frameset rows="30%, 400, *, 2*">

Элемент frame

Этот элемент описывает отдельную оконную область. В нее можно загрузить любой документ — с помощью атрибута src. Примеры:

<frame src="page.html">
<frame src="my.html" name="main">
<frame src="my.html" name="main" scrolling="yes|no|auto">
<frame src="my.html" name="main" noresize>
<frame src="my.html" framespacing="5" >
<frame src="my.html" frameborder="1" bordercolor="red">
<frame src="my.html" marginwidth="5" marginheight="5">

Атрибут scrolling — прокрутка (по умолчанию auto). Если документ превышает размеры области просмотра этого фрейма, значит появляется прокрутка. Если документ помещается полностью во врейм, значит прокрутки нет. Прокрутку можно запрещать, но лучше оставить значение auto.

Одиночный атрибут noresize — запрещает изменять размер фрейма в браузере. По умолчанию это разрешено.

Атрибут frameborder — рамка у фрейма. Значение ‘1’ — рисовать, значение ‘0’ — не рисовать. Допустимы только эти два значения. По умолчанию рамка рисуется.

Атрибут marginwidth — указывает расстояние, которое контент в данной фрейме будет отступать по горизонтали от рамок этого фрейма.

Атрибут marginheight — отступ по вертикали от контента до границ фрейма.

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

Элемент iframe (‘строчное окно’). Этот элемент парный (есть отрывающий и закрывающий тег). Этот элемент служит для того же — чтобы в документе организовать оконный элемент.

В чем его отличие от старых фреймов? Он самодостаточен, ему не надо никаких дополнительных контейнеров. И он может стоять в любых документах, так где есть элемент body.

Элемент iframe — это строчный элемент с замещаемым контентом. Т.е. формируется область строчного типа с любыми абстрактными размерами, и в эту область загружается содержание какого-то внешнего документа (файл html).

Iframe обладает такими же атрибутами, что и картинки (т.к. они одного типа): name, width, height, src, frameborder, scrolling, hspace, vspace, marginwidth, marginheight.

<iframe src="main.htm" width="150" height="100"></iframe>



Добавить комментарий

Ваш e-mail не будет опубликован.