- Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу.
- В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега <frame>.
- С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент.
- Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме.
- Допустимо также использовать вложенную структуру элементов, это позволяет дробить фреймы на мелкие области.
Теги Фрейма
<FRAMESET> . . . </FRAMESET>
(установочный и размещен перед <body>) |
| cols |
- вертикальное разделение страницы |
| rows |
- горизонтальное разделение страницы |
| border |
- толщина рамки между фреймами в пикселях (число) |
| bordercolor |
- цвет границ между фреймами |
| frameborder |
- указывает, следует ли показывать границы между фреймами
= yes (или 1)- показывать;
= no (или 0)- нет границы |
| framespacing |
- расстояние в пикселях между фреймами |
|
<FRAME>
|
| src |
- URL документа, который нужно загрузить в конкретный фрейм. |
scrolling ="yes"
scrolling ="no"
scrolling ="auto"
|
- наличие полосы прокрутки. |
| marginheight |
- ширина в пикселах верхнего и нижнего полей фрэйма. |
| marginwidth |
- ширина левого и правого полей фрэйма в пикселях |
| name |
- имя фрейма, для привязки ссылок. |
noresize
(resize) |
- запрет (разрешение) изменения размера фрейма (noresize - по умолчанию). |
| border |
- ширина полосы прокрутки в пикселях. |
| dadafld |
- имя колонки внешнего источника данных. |
| datasrc |
- принимает значение строку в виде"#идентификатор_источника_данных". |
<noframe> . . сообщение . . </noframe>
(сообщение, если браузер не поддерживает фреймы)
|
|
<IFRAME> . . . </IFRAME>
(плавающий фрейм) |
| src | - URL документа, который нужно загрузить в фрейм. |
| name | - имя фрейма. |
| height | = высота в пикселях или %. |
| width | = ширина в пикселях или %. |
scrolling ="yes"
scrolling ="no"
scrolling ="auto"
|
- наличие полосы прокрутки. |
| hspace | = ширина в пикселях боковых пустых полей вокруг фрейма. |
| vspace | = ширина в пикселях верхнего инижнего пустых полей вокруг фрейма. |
| marginheight |
- ширина вертикальных отступов содержимого фрэйма от его верхней и нижней границ (действует для содержимого, не являющегося HTML - документом). |
| marginwidth |
- ширина горизонтальных отступов содержимого фрэйма от его боковых границ (действует для содержимого, не являющегося HTML - документом). |
| align | выравнивание содержимого фрейма
= top - выравнивает верхнюю грвницу фрейма по верхней границе окружающего текста
= middle - выравнивает воображаемую центральную линию окружающего текста по воображаемой центральной линии фрейма
= bottom - совпадает с baseline (только в Internet Explorer)
= baseline - выравнивает нижнюю границу фрейма по базовой линии окружающего текста
= absbottom - выравнивает нижнюю границу фрейма по подстрочной линии символов окружающего текста
= absmiddle - выравнивает середину фрейма по центральной линии между top и absbottom окружающего текста
= left - выравние фрейма по левому краю элемента-контейнера
= right - выравние фрейма по правому краю элемента-контейнера
= texttop - выравнивает верхнюю границу фрейма по надстрочной линии символов окружающего текста
|
Пример 1:"Страница из 3-х фреймов"
Демо 1
Демо 2
Пример 2:"Банер"
Результат вставки банера:
Парад Победы в Москве и Берлине >>>
