Способ отображения полосы прокрутки во фрейме

Тег FRAME

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

4

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Параметры

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

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

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

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

Параметр BORDERCOLOR

Описание

Если у тега установлено отображение границ, то для индивидуальных фреймов их цвет можно изменить через параметр 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 (ЦСС)

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

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр FRAMEBORDER

Описание

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

Синтаксис

Аргументы

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

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

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

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр NAME

Описание

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

Синтаксис

Аргументы

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

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

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

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр NORESIZE

Описание

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

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

Синтаксис

Аргументы

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

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

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

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

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр SCROLLING

Описание

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

Синтаксис

Аргументы

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

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

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр SRC

Описание

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

Синтаксис

Аргументы

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

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

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

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Источник

Учебник по HTML и CSS

Статьи

Полезное

Тег FRAME

Браузер	Internet Explorer			Netscape			Opera			Safari	Mozilla	Firefox
Версия	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

HTML:

3.2

4

XHTML:

1.0

1.1

Описание

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

Синтаксис

Параметры

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

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

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

Параметр BORDERCOLOR

Описание

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

Синтаксис

Аргументы

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

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

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

Параметр FRAMEBORDER

Описание

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

Синтаксис

Аргументы

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

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

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

Параметр NAME

Описание

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

Синтаксис

Аргументы

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

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

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

Параметр NORESIZE

Описание

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

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

Синтаксис

Аргументы

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

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

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

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

Параметр SCROLLING

Описание

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

Синтаксис

Аргументы

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

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

Параметр SRC

Описание

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

Синтаксис

Аргументы

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

Источник

Способ отображения полосы прокрутки во фрейме

Язык HTML позволяет авторам разбить окно обозревателя на несколько независимых подокон (называемых фреймами) так, что содержимое одних окон остается постоянным при прокрутке или изменении содержимого остальных окон. Например, окно обозревателя может быть разбито на три фрейма так: в верхней части отображается статический заголовок, слева — узкая полоса меню, а в остальной части окна отображается содержимое документов, выбранных во фрейме меню. Рассмотрим следующий пример:

Этот документ будет отображаться обозревателем примерно так:

Из этого примера видно, что фреймовый документ:

1. имеет особую декларацию типа документа (см. первую строку примера);
2. вместо тегов его тело заключается в теги ;
3. может содержать элемент NOFRAMES, содержимого которого должно отображаться, если обозреватель не поддерживает фреймы.

1.7.2. Тело фреймового документа: элемент FRAMESET

Тело фреймового документа описывает разбиение окна обозревателя на фреймы. Элемент FRAMESET употребляется вместо элемента BODY и должен располагаться сразу после заголовка документа. Он состоит из одного или нескольких элементов FRAMESET или FRAME, а также может содержать элемент NOFRAMES. Последний задает альтернативное содержание документа для обозревателей, не поддерживающих фреймы и не является обязательным. Тем не менее мы рекомендуем всегда включать его во фреймовый документ, причем его содержимым, как минимум, должна быть гиперссылка на главный фрейм (или фреймы).

Атрибуты rows и cols определяют размерность каждого из фреймов. Значением каждого из них является список кратных размеров, разделенных запятыми. Значения атрибута rows задают высоту каждой строки сверху вниз. Значения атрибута cols задают ширину каждого столбца слева направо. Если один из этих атрибутов опущен, то его значение по умолчанию 100%. Если оба атрибута указаны, то сетка фреймов заполняется слева направо, а потом сверху вниз.

Теперь мы можем пояснить приведенный выше пример. Первый элемент FRAMESET задает разбиение окна на два фрейма по вертикали, шириной 20% и 80% соответственно. Вложенный в него элемент FRAMESET задает дальнейшее разбиение первого фрейма на два фрейма по горизонтали, высотой 100 и 200 пикселей соответственно. В итоге мы получаем разбиение окна на три фрейма, как показано выше.

Кроме того, данный элемент поддерживает обработку двух нестандартных событий:

• onload — происходит, когда обозреватель завершил загрузку всех фреймов документа;
• onunload — происходит, когда обозреватель завершил выгрузку всех фреймов документа.

1.7.3. Описание фрейма: элемент FRAME

Элемент FRAME определяет фрейм, т. е. прямоугольную область окна обозревателя, внутри элемента FRAMESET, который определяет размеры фрейма. Он может иметь следующие атрибуты:

• Атрибут name задает имя фрейма, на которое может ссылаться атрибут target элементов A, AREA, BASE, FORM и LINK.
• Атрибут src задает URI HTML-документа или иного ресурса, который должен отображаться в данном фрейме.
• Атрибут longdesc содержит ссылку на подробное описание содержимого фрейма. Он должен дополнять краткое описание, содержащееся в атрибуте title, и особенно полезен, если содержимым фрейма является не документ, а графический образ, видеофайл или иной объект такого рода.
• Атрибут frameborder указывает, должен ли быть фрейм заключен в рамку. По умолчанию он равен 1, т. е. рамка отображается; для отказа от ее отображения этому атрибуту следует присвоить значение 0. Заметим, что отмена рамки в большинстве обозревателей приводит к тому, что пользователь не может изменить размеры этого фрейма.
• Атрибуты marginwidth и marginheight задают соответственно ширину и высоту пробельного поля, окружающего фрейм. Их значения задаются в пикселях и должны быть больше нуля.
• Атрибут noresize запрещает пользователю изменять размеры фрейма, что крайне нежелательно без особых на то причин.
• Атрибут scrolling определяет наличие у окна фрейма полос прокрутки. Он может принимать следующие значения:

Таблица 1.6. Полосы прокрутки окна фрейма

auto	Полосы прокрутки создаются только при необходимости прокрутки окна фрейма для просмотра всего его содержимого (принято по умолчанию).
yes	Полосы прокрутки создаются всегда, даже если они не нужны.
no	Полосы прокрутки не создаются никогда, даже если нужны для просмотра всего содержимого фрейма. Никогда не пользуйтесь этим вариантом!

1.7.4. Альтернативное содержание: элемент NOFRAMES

Элемент NOFRAMES задает альтернативное содержание фреймового документа для обозревателей, не поддерживающих фреймы. Он должен располагаться в конце тела документа, перед конечным тегом и может содержать любые элементы, которые допустимы внутри элемента BODY. Но по своему смыслу элемент NOFRAMES должен содержать гиперссылки на те документы и иные объекты, которые перечислены в элементах FRAME фреймовой части документа. Он не должен содержать рекомендации пользователю заменить или обновить обозреватель, т. к. многие обозреватели, даже поддерживающие фреймы, позволяют пользователю отключить их отображение.

1.7.5. Вложенный фрейм: элемент IFRAME

Элемент IFRAME (inline frame) определяет вложенный фрейм, т. е. прямоугольную область окна обозревателя для отображения другого HTML-документа или иного объекта. По сравнению с элементом OBJECT он имеет меньше возможностей; единственным его преимуществом является то, что имя его фрейма может служить целью для последующих ссылок.

Элемент IFRAME может содержаться как в текстовых, так и в блочных элементах. В свою очередь, он может содержать как текстовые, так и блочные элементы, причем его содержимое должно отображаться только в том случае, если обозреватель не поддерживает фреймы. Этот элемент может иметь следующие атрибуты:

• Атрибут name задает имя фрейма, на которое может ссылаться атрибут target элементов A, AREA, BASE, FORM и LINK.
• Атрибут src задает URI HTML-документа или иного ресурса, который должен отображаться в данном фрейме.
• Атрибут longdesc содержит ссылку на подробное описание содержимого фрейма. Он должен дополнять краткое описание, содержащееся в атрибуте title, и особенно полезен, если содержимым фрейма является не документ, а графический образ, видеофайл или иной объект такого рода.
• Атрибуты width и height задают размеры фрейма на экране по горизонтали и вертикали соответственно.
• Атрибут align задает выравнивание фрейма относительно содержимого вмещающего его элемента. Он может принимать следующие значения:

top	вертикальное выравнивание по верхней части контекста
middle	вертикальное выравнивание по центру контекста
bottom	вертикальное выравнивание по нижней части контекста
left	выравнивание по левому полю; содержание обтекает фрейм справа
right	выравнивание по правому полю; содержание обтекает фрейм слева

Примечание. Свойства таблиц стилей vertical-align и float обеспечивают более гибкую настройку выравнивания фрейма.

• Атрибут frameborder указывает, должен ли быть фрейм заключен в рамку. По умолчанию он равен 1, т. е. рамка отображается; для отказа от ее отображения этому атрибуту следует присвоить значение 0.
• Атрибуты marginwidth и marginheight задают соответственно ширину и высоту пробельного поля, окружающего фрейм. Их значения задаются в пикселях и должны быть больше нуля.
• Атрибут scrolling определяет наличие у окна фрейма полос прокрутки. Его возможные значения перечислены в Таблице 1.6.

Примечание. Элемент IFRAME не имеет атрибута noresize, так как размеры вложенного фрейма никогда не могут быть изменены.

1.7.6. Дискуссия о фреймах — за и против

Ни один элемент языка HTML не вызывает таких горячих споров, как фреймы. Начнем обсуждение с аргументов их противников.

1.7.6.1. Идеологические доводы противников фреймов

Суть WWW как распределенной гипертекстовой информационной системы состояла во введении понятия Веб-страницы. Страница (она же HTML-документ) — это атомарная составляющая WWW, которая одновременно представляет собой:

• единицу отображаемой информации, видимую на экране обозревателя;
• навигационную единицу, которая загружается при щелчке на гиперссылке или при выборе закладки в «Избранном»;
• единый текстовый адрес (URI) соответствующего ресурса;
• единицу информации, хранимой на сервере и подлежащей авторской правке и сопровождению (один текстовый файл).

Фреймы разрушают это внутреннее единство Веб-архитектуры. Фреймовая Веб-страница состоит из нескольких HTML-документов, а это значит, что единица отображаемой информации теперь не совпадает ни с одной из единиц хранения информации и не является навигационной единицей (для получения на экране желаемого результата пользователь должен произвести серию переходов по гиперссылкам). Более того, URI перестают быть унифицированными идентификаторами страниц: если мы просто скопируем URI фреймовой страницы из адресного поля обозревателя и поместим его как адрес ссылки на свою страницу или в «Избранное», то после перехода по этой ссылке мы увидим не то, что нам бы хотелось, а начальное отображение фреймового документа. Иными словами, некоторые Веб-страницы оказываются лишенными собственного адреса, что противоречит само сущности WWW.

Фреймы противоречат и основной концепции языка HTML — каждый элемент должен описывать соответствующее структурное значение, а не просто способ его отображения. Возникает естественный вопрос: не слишком ли велика плата за достижение простой, в сущности, цели: возможности прокручивать на экране часть Веб-страницы независимо от других ее частей?

1.7.6.2. Технические доводы противников фреймов

Основной аргумент противников фреймов, связанных с их реализацией, состоял в том, что многие обозреватели фреймов не поддерживают, а, следовательно, разработчикам приходится либо пользоваться элементом NOFRAMES и создавать альтернативное содержание документа, либо попросту писать две версии своей страницы — фреймовую и бесфреймовую. На сегодняшний день более 90% обозревателей фреймы поддерживают, а потому этот аргумент устарел. Однако, несколько доводов остаются в силе, в частности:

• Обозреватели по-прежнему испытывают сложности при печати фреймовых документов. Более того, эта проблема вообще не имеет единого решения. Что именно должен обозреватель выводить на принтер, когда страница содержит несколько фреймов с прокруткой: копировать текущее состояние своего окна или расширять (непонятно, правда, как) размеры фреймов, чтобы напечатать их содержимое полностью?
• С аналогичными трудностями сталкиваются и поисковые системы — их роботы не знают, какие составляющие фреймовых документов нужно включать в результаты поиска. Например, поисковый робот системы Lycos попросту игнорирует фреймовые документы, а робот системы Alta Vista включает в результирующую базу данных все документы подряд.
• Создание страниц с использованием фреймов намного сложнее, чем обычных HTML-документов. Это приводит к тому, что многие пользователи, не осознавая всех подводных камней, создают свои страницы с ошибками и не понимают, как от этих ошибок избавиться.

1.7.6.3. «Правильное» использование фреймов

Мы рассмотрели несколько серьезные причин, которые объясняют, почему фреймы используются сравнительно редко. Тем не менее они используются на многих Веб-узлах, и здесь мы попытаемся сформулировать правила применения фреймов, минимизирующие их недостатки.

Безусловно, наиболее безопасным является использование вложенных фреймов. В этом случае сохраняется подчиненность вложенных объектов главной странице, а поэтому не возникает проблем с адресацией страниц (хотя проблема печати содержимого вложенного фрейма все равно остается). К сожалению, на сегодняшний день элемент IFRAME поддерживается только обозревателем Internet Explorer.

Теперь рассмотрим использование внешних фреймов. Назовем документ, содержащий элемент FRAMESET, главным, а все остальные документы, которые загружаются в его фреймы — подчиненными.

Нам необходимо обеспечить, чтобы при переходе по гиперссылке изменялся и URI страницы в целом. Для этого нужно создать свою пару главный документ — подчиненный документ для каждого из тех документов, которые будут сменять друг друга в окне фрейма и включить атрибут target=»_top» во все гиперссылки подчиненных документов, например: . Добавление этого атрибута приводит к тому, что при загрузке нового документа обозреватель удаляет все фреймы и заполняет окно новым набором фреймов. Этот набор может совпадать со старым, но URI страницы изменится на URI цели, чего мы и добиваемся! Единственное исключение: атрибут target=»_top» не следует включать в ссылки на закладки, размещенные в том же документе, т. к. в этом случае нам не нужно изменения URI. Если же таких ссылок нет, то желаемого результата можно добиться еще проще: поместить в заголовок каждого подчиненного документа элемент .

1.7.6.4. Выводы

Подведем итог сказанному в этом разделе. По нашему мнению, начинающим Веб-разработчикам фреймами не следует пользоваться вообще. Что касается профессионалов, давать им советы трудно — на то они и профессионалы. Тем не менее, мы считаем, что:

Источник