www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Теги ШТМЛ > Тег FRAMESET
Теги ШТМЛ
Все теги
!DOCTYPE
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
ШТМЛ
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
WBR
XMP
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег FRAMESET

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фох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-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная web-страница определяемая с помощью тега <FRAME>. С помощью фреймов web-страница делится на два или более объекта, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать файл в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Тег <FRAMESET> заменяет собой элемент <BODY> на web-странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.

При использовании фреймов примите во внимание их следующие особенности.

Синтаксис

<frameset>  <frame> </frameset>

Параметры

border
Толщина границы между фреймами.
bordercolor
Цвет линии границы.
cols
Устанавливает ширину или пропорции фреймов в виде колонок.
frameborder
Определяет, отображать рамку вокруг фрейма или нет.
framespacing
Аналог параметра border, задает ширину границы.
rows
Задает размер или пропорции фреймов в виде строк.

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

Обязателен.

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

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

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Frameset//EN" "http://www.w3.org/TR/ШТМЛ4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег FRAMESET</title>
 </head>

 <frameset rows="80,*" cols="*">
   <frame src="top.ШТМЛ" name="topFrame" scrolling="no" noresize>
   <frameset cols="80,*">
     <frame src="left.ШТМЛ" name="leftFrame" scrolling="no" noresize>
     <frame src="main.ШТМЛ" name="mainFrame">
   </frameset>
 </frameset>

</html>

Некоторые примеры организации фреймов приведены ниже.

Фрейм 1 Фрейм 2
Фрейм 3 Фрейм 4
Фрейм 5 Фрейм 6
Фрейм 1 Фрейм 2
Фрейм 3
<frameset rows="33%,33%,*" cols="50%, 50%"> <frame src="r1c1.ШТМЛ" name="Фрейм 1"> <frame src="r1c2.ШТМЛ" name="Фрейм 2"> <frame src="r2c1.ШТМЛ" name="Фрейм 3"> <frame src="r2c2.ШТМЛ" name="Фрейм 4"> <frame src="r3c1.ШТМЛ" name="Фрейм 5"> <frame src="r3c2.ШТМЛ" name="Фрейм 6"> </frameset> <frameset rows="*" cols="80,*"> <frame src="frame1.ШТМЛ" name="Фрейм 1"> <frameset rows="80,*"> <frame src="frame2.ШТМЛ" name="Фрейм 2"> <frame src="frame3.ШТМЛ" name="Фрейм 3"> </frameset> </frameset>

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

Параметр BORDER

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Устанавливает толщину границы между фреймами. По умолчанию линия отображается трехмерной, используя параметры bordercolor и border можно настроить ее вид по своему усмотрению. Браузеры по-разному интерпретируют параметры тега FRAMESET и показывают линию. Например, для линии черного цвета толщиной 5 пикселов, ее вид показан на рис. 1.

Граница в браузере Internet Explorer 6 Граница в браузере Opera 7 Граница в браузере Нетscape 7
Internet Эксплорер Опера Файер фох

Рис. 1. Вид границы в разных браузерах

Как видно из рисунка, Опера вообще не изменяет цвет линии, но исправно отображает требуемое значение. Браузер Internet Эксплорер за толщину принимает среднюю часть линии залитую черным цветом, а Нетscape — полную ширину или высоту, включая небольшие линии по бокам, создающие эффект приподнятости.

Если у тега <FRAMESET> установлен параметр framespacing="0", то браузер Опера вообще не показывает границу, а Internet Exporer игнорирует значения атрибутов bordercolor и border.

Синтаксис

<frameset border="значение">...</frameset>

Аргументы

Целое положительное число. Значение 0 скрывает рамку.

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

Зависит от браузера и операционной системы.

Аналог CSS (ЦСС)

border

Пример 2. Изменение толщины границы

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

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Frameset//EN" "http://www.w3.org/TR/ШТМЛ4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег FRAMESET, параметр border</title>
 </head>

 <frameset rows="*" cols="80,*" bordercolor="black" border="5">
   <frame src="left.ШТМЛ" name="leftFrame">
   <frameset rows="80,*">
     <frame src="top.ШТМЛ" name="topFrame">
     <frame src="main.ШТМЛ" name="mainFrame">
   </frameset>
 </frameset>

</html>

Параметр BORDERCOLOR

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Определяет цвет видимых границ между фреймами. Цвет родительского элемента FRAMESET может быть изменен с помощью дочернего тега FRAMESET или индивидуального элемента FRAME. Браузер Опера вообще игнорирует данный параметр.

Синтаксис

<frameset bordercolor="цвет">...</frameset>

Аргументы

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

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

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

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

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Frameset//EN" "http://www.w3.org/TR/ШТМЛ4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег FRAMESET, параметр bordercolor</title>
 </head>

 <frameset rows="*" cols="80,*" bordercolor="black" border="5">
   <frame src="left.ШТМЛ" name="leftFrame">
   <frameset rows="80,*" bordercolor="red" border="5">
     <frame src="top.ШТМЛ" name="topFrame">
     <frame src="main.ШТМЛ" name="mainFrame">
   </frameset>
 </frameset>

</html>

Параметр COLS

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Задает размеры или пропорции колонок фреймов в структуре <FRAMESET>. Если создаются несколько колонок, то для параметра cols необходимо установить определенное значение. Для этого используется три варианта:

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

Используйте значение в пикселах, когда требуется установить размер фрейма заданной ширины. Это особенно полезно для отображения содержания заданных размеров, например, Имаги. Проценты удобно применять для пропорционального разделения фреймов, в этом случае, независимо от размера окна браузера пропорции будут сохраняться, главное, чтобы суммарная ширина колонок равнялась 100%. Если значения не составляют в сумме 100%, браузер отобразит фреймы, но ширина их будет установлена не точно. Наконец, если требуется отвести оставшееся место под фрейм, то используется символ звездочки. В этом случае браузер вычисляет ширину фрейма, когда размеры для остальных фреймов уже установлены. Допускается смешивать отдельные типы значения, перечисляя их через запятую. Тогда работа по расчету нужной ширины выпадает на долю браузера.

Синтаксис

<frameset cols="ширина 1, ширина 2, ...">...</frameset>

Аргументы

Значения, перечисленные через запятую в виде пикселов (px или другие пометки указывать не требуется), процентов или символа *.

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

100%

Пример 4. Ширина фреймов

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

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Frameset//EN" "http://www.w3.org/TR/ШТМЛ4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег FRAMESET, параметр cols</title>
 </head>

 <frameset cols="100,*,20%">
   <frame src="left.ШТМЛ" name="leftFrame">
   <frame src="main.ШТМЛ" name="mainFrame">
   <frame src="right.ШТМЛ" name="rightFrame">
 </frameset>

</html>

Параметр FRAMEBORDER

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

<frameset frameborder="yes | no">...</frameset> <frameset frameborder="1 | 0">...</frameset>

Аргументы

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

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

По умолчанию этот параметр включен.

Пример 5. Сокрытие границы между фреймами

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

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Frameset//EN" "http://www.w3.org/TR/ШТМЛ4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег FRAMESET, параметр frameborder</title>
 </head>
 
 <frameset cols="100,*,20%" frameborder="no">
   <frame src="left.ШТМЛ" name="leftFrame">
   <frame src="main.ШТМЛ" name="mainFrame">
   <frame src="right.ШТМЛ" name="rightFrame">
 </frameset>

</html>

Параметр FRAMESPACING

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Параметр framespacing является аналогом frameborder и предназначен для установки размеров границы между фреймами. Причина существования двух разных атрибутов с близкими свойствами в том, что framespacing более старый параметр и поддерживается браузерами для совместимости с их ранними версиями.

Синтаксис

<frameset framespacing="значение">...</frameset>

Аргументы

Целое положительное число. При framespacing="0" браузер Опера полностью скрывает границы между фреймами, а Internet Эксплорер устанавливает их параметры по умолчанию. Этот атрибут напрочь игнорируется браузером Нетscape.

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

2

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

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

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Frameset//EN" "http://www.w3.org/TR/ШТМЛ4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег FRAMESET, параметр framespacing</title>
 </head>

 <frameset cols="150,*" framespacing="0" frameborder="0">
  <frame src="left.ШТМЛ" name="leftFrame">
  <frame src="main.ШТМЛ" name="mainFrame">
 </frameset>

</html>

Параметр ROWS

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Задает высоту или пропорции фреймов в структуре <FRAMESET> в виде строк. Если создаются несколько строк, то для параметра rows необходимо установить определенное значение. Для этого используется три варианта:

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

Удобство использования параметра rows совместно со значением * состоит в том, что фрейм можно определить в нижней части окна браузера. Когда требуется создать равномерную сетку фреймов, используйте в теге <FRAMESET> одновременно параметры rows и cols. Для более сложной структуры необходимо вкладывать один тег <FRAMESET> внутрь другого.

Синтаксис

<frameset rows="высота 1, высота 2, ...">...</frameset>

Аргументы

Значения, перечисленные через запятую в виде пикселов (px или другие пометки указывать не требуется), процентов или символа *.

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

100%

Пример 7. Высота фреймов

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

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Frameset//EN" "http://www.w3.org/TR/ШТМЛ4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег FRAMESET, параметр rows</title>
 </head>

 <frameset rows="*,100">
  <frame src="top.ШТМЛ" name="topFrame">
  <frame src="main.ШТМЛ" name="mainFrame">
 </frameset>

</html>

Copyright 2009 Все права засчищены, по всем вопросам пишите по адресу admin@www-html.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект