Тег FRAME

⚠️ Bymas - Форум разработчиков

Описание

Тег <FRAME> определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <FRAMESET>, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью параметра src. Хотя обязательных атрибутов у тега <FRAME> и нет, рекомендуется задавать каждому фрейму имя через атрибут name. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.

Синтаксис

<frameset>
 <frame>
</frameset>

Параметры

bordercolor
Цвет линии границы.
frameborder
Отображать рамку вокруг фрейма или нет.
name
Задает уникальное имя фрейма.
noresize
Определяет, можно изменять размер фрейма пользователю или нет.
scrolling
Способ отображения полосы прокрутки во фрейме.
src
Путь к файлу, предназначенному для загрузки во фрейме.

Закрывающий тег

Не требуется.

Пример 1. Использование тега <FRAME>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="top.html" name="topFrame" scrolling="no" noresize>
  <frameset cols="80,*" frameborder="no" border="0" framespacing="0">
    <frame src="left.html" name="leftFrame" scrolling="no" noresize>
    <frame src="main.html" name="mainFrame">
  </frameset>
</frameset>
</html>

Описание параметров тега <FRAME>

Параметр BORDERCOLOR

Описание

Если у тега <FRAMESET> установлено отображение границ, то для индивидуальных фреймов их цвет можно изменить через параметр bordercolor тега <FRAME>. Браузеры, как правило, по-разному отображают цветную границу, например, Opera вообще игнорирует данный параметр. Если для тегов <FRAMESET> и <FRAME> рамка устанавливается разного цвета, то обычно приоритет имеет последний.

Синтаксис

<frame bordercolor="цвет">

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

Значение по умолчанию

Нет.

Аналог CSS

border

Пример 2. Изменение цвета границы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<frameset rows="*" cols="80,*" bordercolor="black" border="5">
<frame src="left.html" name="leftFrame">
<frameset rows="80,*" bordercolor="black" border="5">
<frame src="top.html" name="topFrame" bordercolor="red">
<frame src="main.html" name="mainFrame">
</frameset>
</frameset>
</html>

Параметр FRAMEBORDER

Описание

Определяет, отображать границу между фреймами или нет. Браузер Opera в любом случае показывает тонкую линию, если у тега <FRAMESET> не задан параметр framespacing="0". Этот параметр отменяет действие атрибута frameborder у тега <FRAMESET>.

Синтаксис

<frame frameborder="yes | no">
<frame frameborder="1 | 0">

Аргументы

Допускается использовать значения yes или 1 для отображения границы и no или 0, чтобы ее скрыть.

Значение по умолчанию

Нет.

Пример 3. Отмена границы между фреймами

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<frameset cols="100,*,20%">
<frame src="left.html" name="leftFrame">
<frame src="main.html" name="mainFrame" frameborder="no">
<frame src="right.html" name="rightFrame">
</frameset>
</html>

Параметр NAME

Описание

В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. При использовании фреймов схема загрузки документов отличается от стандартной. Основное отличие — возможность загружать документ в выбранный фрейм из другого. Для этой цели используется параметр target тега <А>. В качестве значения указывается имя фрейма, в который будет загружаться документ, заданный параметром name.

Синтаксис

<frame name="имя">

Аргументы

В качестве имени используется набор символов, включая числа и буквы. При обращении к фрейму по имени соблюдайте то же написание, что и в параметре name.

Значение по умолчанию

Нет.

Пример 4. Указание имени фрейма

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<frameset cols="100,*,20%">
<frame src="left.html" name="leftFrame">
<frame src="main.html" name="mainFrame">
<frame src="right.html" name="rightFrame">
</frameset>
</html>

Параметр NORESIZE

Описание

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

Рис. 1. Вид курсора мыши при изменении размера фрейма

Рис. 1. Вид курсора мыши при изменении размера фрейма

Синтаксис

<frame noresize>

Аргументы

У этого параметра нет значений, если он присутствует, то пользователь не может изменять размер фреймов.

Значение по умолчанию

По умолчанию размер фреймов можно изменять.

Пример 5. Запрет на изменение границы фрейма

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<frameset cols="100,*>
<frame src="left.html" name="leftFrame" noresize>
<frame src="main.html" name="mainFrame">
</frameset>
</html>

Параметр SCROLLING

Описание

Если содержимое фрейма не помещается в отведенное окно, автоматически появляются полосы прокрутки для просмотра информации. В некоторых случаях, полосы прокрутки нарушают дизайн веб-страницы, поэтому от них можно отказаться. Для управления отображением полос прокрутки используется параметр scrolling.

Синтаксис

<frame scrolling="auto | no | yes">

Аргументы

auto
Полосы прокрутки добавляются браузером только по необходимости, в том случае, когда содержимое фрейма превышает его видимую часть.
no
Запрещает отображение полос прокрутки.
yes
Всегда вызывает появление полос прокрутки, независимо от объема информации.

Значение по умолчанию

auto

Пример 6. Сокрытие полос прокрутки во фрейме

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<frameset cols="100,*>
<frame src="left.html" name="leftFrame" noresize scrolling="no">
<frame src="main.html" name="mainFrame">
</frameset>
</html>

Параметр SRC

Описание

Указывает адрес файла (URL), который будет загружаться во фрейм. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение.

Синтаксис

<frame src="URL">

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

Пример 7. Путь к файлу

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<frameset cols="100,*">
<frame src="/frame/left.html" name="leftFrame">
<frame src="main.html" name="mainFrame">
</frameset>
</html>