Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
<FRAME>...</FRAME>

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

name атрибут устанавливает название фрейма, которое может быть использовано для взаимодействия со ссылками, расположенными в других фреймах. Чтобы ссылка открывала содержимое в определенном фрейме необходимо использовать атрибут target для данной ссылки, в котором указываемся соответствующее название фрейма.
src исходная страница фрейма.
noresize запрещает изменение размеров определенного фрейма.
scrolling позволяет установить скроллинг, возможные значения:
  1. auto: значение по умолчанию, в этом случае браузер самостоятельно определяет изменять или нет размеры фрейма.
  2. yes: всегда отображать скроллинг фрейма.
  3. no: никогда не отображать скроллинг фрейма.
frameborder рамка фрейма, допустимые значения:
  1. 1: рамка устанавливается между фреймами, данное значение установлено по умолчанию.
  2. 0: рамка фрейма отсутствует.
marginwidth внешний горизонтальный отступ между фреймами, минимальное значение – 1 пиксель
marginheight внешний вертикальный отступ между фреймами, минимальное значение – 1 пиксель

Допускается одновременно указывать атрибут rows и атрибут col:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<FRAMESET cols="50%,50%">
  4. <FRAME src="index.html" frameborder="0">
  5. <FRAME src="index.html" frameborder="0">
  6.</FRAMESET>
  7.</HTML>
  8.
Элемент FRAME
Элемент FRAME

Особенностью фреймов является возможность использовать один фрейм как меню, а другой как основное окно, в котором будет изменяться информация:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<FRAMESET cols="20%,80%">
  4. <FRAME name="menu" src="frame.html">
  5. <FRAME name="dynamic" src="frame.html">
  6.</FRAMESET>
  7.</HTML>
  8.
  9.

для того чтобы ссылки, расположенные в документе находящемся во фрейме menu, открывались во фрейме dynamic, необходимо в атрибуте target каждой ссылки указать имя фрейма, в ином случае документ, к которому ведёт ссылка, будет загружен во фрейм меню(menu). Пример меню:

  1.<!DOCTYPE html>
  2.<html>
  3.<head>
  4.<style>
  5.div { margin:3px; width:100px; height:100px;
  6. background:green; float:left;color:white;}
  7.</style>
  8.</head>
  9.<body>
10.<A href="index1.html" target="dynamic">1 пункт</A>
11.<A href="index2.html" target="dynamic">2 пункт</A>
12.<A href="index3.html" target="dynamic">3 пункт</A>
13.<A href="index4.html" target="dynamic">4 пункт</A>
14.
15.</body>
16.</html>

Замечание автора. Фреймовая структура для пользователя затрудняет переход от одной страницы к другой посредством кнопок «вперед» и «назад». К тому же все изменения и переходы, сделанные с помощью фреймов, не могут быть сохранены браузером и помещены в закладки, браузер способен запомнить только исходную страницу фреймов.

Согласно спецификации, в тех случаях, когда множество ссылок имеют один и тот же target, допускается не указывать его в каждой ссылке, а помещать в атрибут BASE. Поэтому меню указанное ранее может быть заменен следующим HTML кодом, без потери функциональности:

  1.
  2.<!DOCTYPE html>
  3.<html>
  4.<head>
  5.<BASE target="dynamic">
  6.<style>
  7.a { display:block;}
  8.</style>
  9.</head>
10.<body>
11.<A href="index1.html" >1 пункт</A>
12.<A href="index2.html" >2 пункт</A>
13.<A href="index3.html" >3 пункт</A>
14.<A href="index4.html" >4 пункт</A>
15.</body>
16.</html>
17.
18.

В качестве значений атрибута target допускается указывать:

_blank документ загружаемся в новое окно
_self документ загружаемся в то же окно, в котором расположен фрейм
_parent документ загружаемся в родительский фрейм, если таковой отсутствует, то значение аналогично _self
_top документ загружается в полностью новое окно без фреймов, (без других фреймов). Значение равнозначно _self, если текущий фрейм не имеет родительского фрейма.


Доступ и установка с jQuery

  • Получить коллекцию элементов FRAME: val = $("FRAME");
  • Получить класс элементаFRAME: val = $("FRAME").attr("class");
  • Установить несколько CSS свойств HTML элементу FRAME: $("FRAME").css({"...":"..."});
  • Установить единичное CSS свойство HTML элементу FRAME: $("FRAME").css("...","...");
  • Как использовать jQuery для HTML, - читайте статью "jQuery и HTML для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org