Главная HTML Фреймы - тег frameset

Фреймы

  • Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу.
  • В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега <frame>.
  • С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент.
  • Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме.
  • Допустимо также использовать вложенную структуру элементов, это позволяет дробить фреймы на мелкие области.

<frameset>

Тег <frameset> заменяет собой элемент <body> на веб-странице и формирует структуру фреймов.

<frame>

Тег <frame> определяет свойства отдельного фрейма, на которые делится окно браузера. 

<frameset>
    <frame>
    <frame>
</frameset>

Теги <frameset> и <frame> - устарели!

Атрибуты тега <frameset>

frameset - установочный фрейм

Атрибут Значение
cols - вертикальное разделение страницы
rows - горизонтальное разделение страницы
border - толщина рамки между фреймами в пикселях (число)
bordercolor - цвет границ между фреймами
frameborder - указывает, следует ли показывать границы между фреймами
= yes (или 1) - показывать;
= no (или 0) - нет границы
framespacing - расстояние в пикселях между фреймами

 

Атрибуты тега <frame>

src - URL документа, который нужно загрузить в конкретный фрейм.
scrolling - наличие полосы прокрутки.
scrolling ="yes"
scrolling ="no"
scrolling ="auto"
marginheight - ширина в пикселах верхнего и нижнего полей фрейма.
marginwidth - ширина левого и правого полей фрэйма в пикселях
name - имя фрейма, для привязки ссылок.
noresize
(resize)		 - запрет (разрешение) изменения размера фрейма
(noresize - по умолчанию). 
<frame src="top.html" name="topFrame" scrolling="no" noresize>
border - ширина полосы прокрутки в пикселях.
bordercolor - цвет границ между фреймами
dadafld - имя колонки внешнего источника данных.
<noframes> . . сообщение . . </noframes>
(сообщение, если браузер не поддерживает фреймы) 
<frameset>
  <frame>
  <frame>

   <noframes>Ваш браузер не поддерживает фреймы</noframes>
</frameset>


1 
<frameset rows="33%,33%,*" cols="50%, 50%">
 <frame src="r1c1.html" name="Фрейм 1">
 <frame src="r1c2.html" name="Фрейм 2">
 <frame src="r2c1.html" name="Фрейм 3">
 <frame src="r2c2.html" name="Фрейм 4">
 <frame src="r3c1.html" name="Фрейм 5">
 <frame src="r3c2.html" name="Фрейм 6">
</frameset>
Фрейм 1 Фрейм 2
Фрейм 3 Фрейм 4
Фрейм 5 Фрейм 6

2 
<frameset rows="*" cols="80,*">
 <frame src="frame1.html" name="Фрейм 1">
 <frameset rows="80,*">
   <frame src="frame2.html" name="Фрейм 2">
   <frame src="frame3.html" name="Фрейм 3">
 </frameset>
</frameset>
Фрейм 1 Фрейм 2
Фрейм 3

3 (шаблон сайта)
Страница из 2-х установочных фреймов <frameset> и 3-х фреймов <frame> 
<frameset rows="120,*" cols="*" frameborder="0"  framespacing="0">
   <frame src="top.html" name="topFrame" scrolling="no" noresize>
   <frameset cols="200,*">
     <frame src="left.html" name="leftFrame" scrolling="no" noresize>
     <frame src="main.html" name="mainFrame">
   </frameset>
 </frameset>
Для получения такой страницы необходимо заготоаить 3 файла:
  1. top.html - Шапка
  2. left.html - Левое меню
  3. main.html - Основная страница с контентом

Смотреть пример 3 (шаблон сайта)