Фреймы
Фреймы делят пространство окна браузера на независимые разделы, в которых отображается различная информация.
Для создания фреймов в HTML пользуются тегами FRAMESET, FRAME.
FRAMESET - разделяет окно браузера на фреймы. FRAMESET формирует набор фреймов, которые делят пространство окна браузера на строки и столбцы. Веб-мастер должен задать значения высоты/ширины всех строк/столбцов. Размеры можно задавать в процентах относительно текущих габаритов окна браузера, пикселях или в виде символа звездочки. Символ звездочки говорит о том, что размеры фреймов зависят от габаритов остальных фреймов страницы.
Атрибуты тега FRAMESET:
- rows - высота фреймов (пиксели; проценты; относительный размер);
- cols - ширина фреймов (пиксели; проценты; относительный размер);
- border - толщина рамки фреймов (пиксели);
- frameborder - наличие рамки или отстуствие рамки (по умолчанию фреймы обрамляются серой рамкой толщиной 6 пикселей);
- framespacing - граница рамки не выводится (0); выводится типовая граница (1);
- framecolor - цвет рамки фреймов;
ПРИМЕР:
<FRAMESET>..</FRAMESET> <FRAMESET rows=n>..</FRAMESET> <FRAMESET cols=n>..</FRAMESET> <FRAMESET border=n>..</FRAMESET> <FRAMESET frameborder=yes|no>..</FRAMESET> <FRAMESET framespacing=0|1>..</FRAMESET> <FRAMESET framecolor=n>..</FRAMESET> <FRAMESET> <FRAME> </FRAMESET> |
Для определения структуры и содержимого конкретного фрейма используют тег FRAME.
Атрибуты тега FRAME:
- src - имя файла, который будет загружен в фрейм;
- name - индивидуальное имя фрейма;
- noresize - запрет изменения размеров фрейма пользователем. Если параметр отсутствует, пользоваетель имеет возможность перемещать границы фрейма;
- scrolling - разрешение/запрет на показ полосы прокрутки фрейма;
- marginwidth - отступ содержимого фрейма от его границ по горизонтали (по умолчанию параметр равен 10 пикселей);
- marginheight - отступ содержимого фрейма от его границ по вертикали (по умолчанию параметр равен 10 пикселей);
ПРИМЕР:
<frameset rows="400,*"> <frame name="frame1" src="file-1.html"> <frame name="frame2" src="file-2.html"> </frameset> |
Достоинства и недостатки фреймов:
- Достоинства:
- фреймы одновременно отображают различную информацию в пределах одного окна;
- при помощи фреймов можно постоянно отображать какую-нибудь информацию (например логотип), не включая ее в каждую страницу сайта;
- можно гибко построить навигацию по сайту.
- Недостатки:
- главное достоинство фреймов (отображение различной информации в пределах одного окна) является их же и недостатком, так как доступная область html-страницы существенно снижается;
- при создании фрейма правильно выбрать его размер часто бывает трудно. Пользователь должен постоянно пролистывать фрейм при помощи полос прокрутки, а это плохо;
- при низком разрешении экрана монитора объем видимой информации значительно уменьшается;
- некоторые браузеры не отображают фреймы. По этой причине все фреймы обязательно следует снабжать тегом NOFRAMES, в котором размещается информация, которая будет отображена в окне браузера, если он не поддерживает фреймы;
- многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы.
Плавающие фреймы
Плавающий фрейм представляет собой часть html-страницы и не требует построения отдельной страницы с описанием файлов. Для создания плавающих фреймов используют тег IFRAME.
Атрибуты тега IFRAME:
- src - имя файла, который будет загружен в фрейм;
- name - присвоение данному фрейму уникального имени;
- width - ширина фрейма;
- height - высотка фрейма;
- hspace - пустое поле слева и справа фрейма (значение в пикселях);
- vspace - пустое поле сверху и снизу фрейма (значение в пикселях);
- align - выравнивание фрейма по горизонтали по отношению к соседним элементам html-страницы (left; right; center);
Тег MARQUEE создает эффект "бегущей строки":
- behavior - режим вывода "бегущей строки (scroll - циклическая прокрутка; slide - выход и остановка; alternate - прыжки);
- bgcolor - цвет фона бегущей строки;
- derection - направление движения бегущей строки;
- loop - направление движения бегущей строки (число - текст пробегает по экрану указанное число раз; infinite - бесконечное повторение (значение по умолчанию));
- width - ширина области бегущей строки;
- height - высота области бегущей строки;
- scrollamount - скорость перемещения бегущей строки (от 1 до 3000).
ПРИМЕР плавающего фрейма:
<iframe src="file-1.html" name="frame1" width="350" height="300" align="left"></iframe> <p>Lorem ipsum dolor ...</p> |