Элемент frame

Для одиночного элемента frame, определяющего отдельный фрейм, помимо общих атрибутов class, id, lang, style и title, можно задать Шонин В.атрибуты src, name, scrolling, marginwidth, marginheight, frameborder и bordercolor.

Атрибут src является единственным обязательным атрибутом элемента frame. Его значение определяет Шонин В.А. URL Web-страницы, которая выводится в данном фрейме.

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

Для фреймов, как и для обычных окон, автоматически создаются и отображаются полосы прокрутки, если содержимое фрейма (по горизонтали и/или по вертикали) не помещается в выделенном ему фрагменте экрана. Атрибут scrolling позволяет управлять отображением полос прокрутки и может принимать следующие значения:

· auto – полосы прокрутки появляются, когда размер Web-страницы (по горизонтали и/или по вертикали) больше размера фрейма (значение по умолчанию);

· yes – полосы прокрутки выводятся всегда;

· no – полосы прокрутки не выводятся.

Значением "no" надо пользоваться осторожно, так как в этом случае та часть Web-страницы, которая не помещается во фрейм, становится недоступной.

Размер фрейма (ширину или высоту) можно изменить следующим образом: установить курсор мыши на рамке фрейма (при этом курсор примет форму, указывающую на возможность изменения размеров) и переместить рамку в нужное место. Для запрещения изменения размера фреймов следует воспользоваться атрибутом noresize (без значения, либо со значением, равным имени атрибута).

Заданием значения "no" для атрибута scrolling совместно с заданием атрибута следует пользоваться осторожно, так как в этом случае та часть Web-страницы, которая не помещается во фрейм, становится недоступной.

Атрибуты marginwidth и marginheight, задаваемые как целые числа, дают возможность устанавливать ширину соответственно вертикальных и горизонтальных полей фрейма в пикселях, т.е. отступ от рамок фрейма до содержимого фрейма. Минимально допустимое значение атрибутов marginwidth и marginheight равно единице. Значение этих атрибутов по умолчанию разное для разных Web-браузеров .

Атрибут frameborder действует аналогично одноименному атрибуту в элементе frameset, но для границ фрейма, в котором он задан. Этот атрибут действует только в Web-браузерах Internet Explorer и Opera.

Атрибут bordercolor задает для фрейма цвет рамки, отделяющей его от другого фрейма из того же набора. Значение для него задается так же, как и для одноименного атрибута элемента frameset. Этот атрибут не действует в Web-браузере Safari.

Пример 4.3.99. Задание атрибутов src, scrolling, noresize и bordercolor, marginwidth и marginheight для элемента frame:

1. <frameset rows="25%,75%" border="6">

<frame src="Page1.html"

scrolling="yes" bordercolor="maroon"/>

<frame src="Page2.html" scrolling="no"

noresize="noresize" bordercolor="red"/>

</frameset>

Набор фреймов содержит фрейм, в который выводится Web-страница Page1.html и вложенный набор фреймов. Вложенный набор фреймов, в свою очередь состоит из двух фреймов, в которых выводятся соответственно Web-страницы Page2.html и Page3.html. Для рамок родительского набора фреймов задана ширина 6 пикселей, а для рамок вложенного набора фреймов – 3 пикселя (атрибут framespacing будет воспринят только Web-браузером Internet Explorer, а атрибут border – всеми остальными Web-браузерами).

Цвет рамки между Web-страницей Page1.html и Web-страницами Page2.html и Page3.html – красно-коричневый (maroon), а для рамки между Web-страницами Page2.html и Page3.html – красный.

Для Web-страницы Page1.html задан постоянный вывод полосы прокрутки, а для Web-страницы Page2.html задана отмена вывода полосы прокрутки и изменения размера фрейма, поэтому невидимую часть Page2.html просмотреть нельзя. Кроме того, поскольку Web-страница Page2.html имеет общие рамки и с Page1.html и с Page3.html, на эти Web-страницы также распространяются ограничения, заданные для Page2.html.

Web-страница вывода для заданных фреймов выглядит следующим образом:

2. <frameset rows="30%,70%">

<frame src="Page2.html" marginwidth="30"

marginheight="60"/>

<frame src="Page3.html" marginwidth="80"

marginheight="100"/>

</frameset>

Структура фреймов в этом примере аналогична структуре фреймов пункта 1 этого примера. Для Web-страницы Page2.html заданы отступы между рамками и содержимым фрейма по горизонтали и вертикали соответственно 30 и 60 пикселей, а для Web-страницы Page3.html – 80 и 100 пикселей. Для Web-страницы Page1.html отступы не заданы, т.е. используются значения отступов по умолчанию.

Для наглядности границы Web-страниц заданы синими рамками с помощью задания свойства

border: thick blue solid

в элементе body.

Web-страница вывода для заданных фреймов выглядит следующим образом: