Определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега <FRAME>. С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Тег <FRAMESET> заменяет собой элемент <BODY> на веб-странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.
При использовании фреймов примите во внимание их следующие особенности.
<frameset> <frame> </frameset>
border | Толщина границы между фреймами. |
bordercolor | Цвет линии границы. |
cols | Устанавливает ширину или пропорции фреймов в виде колонок. |
frameborder | Определяет, отображать рамку вокруг фрейма или нет. |
framespacing | Аналог параметра border, задает ширину границы. |
rows | Задает размер или пропорции фреймов в виде строк. |
Обязателен.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/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.html" name="topFrame" scrolling="no" noresize> <frameset cols="80,*"> <frame src="left.html" name="leftFrame" scrolling="no" noresize> <frame src="main.html" name="mainFrame"> </frameset> </frameset> </html>
Некоторые примеры организации фреймов приведены ниже.
Фрейм 1 | Фрейм 2 |
Фрейм 3 | Фрейм 4 |
Фрейм 5 | Фрейм 6 |
<frameset rows="33%,33%,*" cols="50%, 50%"> <frame src="r1c1.html" name="Фрейм 1"> <frame src="r1c2.html" name="Фрейм 2"> <frame src="r2c1.html" name="Фрейм 3"> <frame src="r2c2.html" name="Фрейм 4"> <frame src="r3c1.html" name="Фрейм 5"> <frame src="r3c2.html" name="Фрейм 6"> </frameset>
Фрейм 1 | Фрейм 2 |
Фрейм 3 |
<frameset rows="*" cols="80,*"> <frame src="frame1.html" name="Фрейм 1"> <frameset rows="80,*"> <frame src="frame2.html" name="Фрейм 2"> <frame src="frame3.html" name="Фрейм 3"> </frameset> </frameset>
Устанавливает толщину границы между фреймами. По умолчанию линия отображается трехмерной, используя параметры bordercolor и border можно настроить ее вид по своему усмотрению. Браузеры по-разному интерпретируют параметры тега FRAMESET и показывают линию. Например, для линии черного цвета толщиной 5 пикселов, ее вид показан на рисунке.
Как видно из рисунка, Opera вообще не изменяет цвет линии, но исправно отображает требуемое значение. Браузер Internet Explorer за толщину принимает среднюю часть линии залитую черным цветом, а Netscape — полную ширину или высоту, включая небольшие линии по бокам, создающие эффект приподнятости.
Если у тега <FRAMESET> установлен параметр framespacing=«0», то браузер Opera вообще не показывает границу, а Internet Exporer игнорирует значения атрибутов bordercolor и border.
<frameset border="значение">...</frameset>
Целое положительное число. Значение 0 скрывает рамку.
Зависит от браузера и операционной системы.
border
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/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.html" name="leftFrame"> <frameset rows="80,*"> <frame src="top.html" name="topFrame"> <frame src="main.html" name="mainFrame"> </frameset> </frameset> </html>
Определяет цвет видимых границ между фреймами. Цвет родительского элемента FRAMESET может быть изменен с помощью дочернего тега FRAMESET или индивидуального элемента FRAME. Браузер Opera вообще игнорирует данный параметр.
<frameset bordercolor="цвет">...</frameset>
Значение цвета можно задавать двумя способами. 1. По его названию
2. По шестнадцатеричному значению
Зависит от браузера и настроек операционной системы.
border
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/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.html" name="leftFrame"> <frameset rows="80,*" bordercolor="red" border="5"> <frame src="top.html" name="topFrame"> <frame src="main.html" name="mainFrame"> </frameset> </frameset> </html>
Задает размеры или пропорции колонок фреймов в структуре <FRAMESET>. Если создаются несколько колонок, то для параметра cols необходимо установить определенное значение. Для этого используется три варианта:
Используйте значение в пикселах, когда требуется установить размер фрейма заданной ширины. Это особенно полезно для отображения содержания заданных размеров, например, изображения. Проценты удобно применять для пропорционального разделения фреймов, в этом случае, независимо от размера окна браузера пропорции будут сохраняться, главное, чтобы суммарная ширина колонок равнялась 100%. Если значения не составляют в сумме 100%, браузер отобразит фреймы, но ширина их будет установлена не точно. Наконец, если требуется отвести оставшееся место под фрейм, то используется символ звездочки. В этом случае браузер вычисляет ширину фрейма, когда размеры для остальных фреймов уже установлены. Допускается смешивать отдельные типы значения, перечисляя их через запятую. Тогда работа по расчету нужной ширины выпадает на долю браузера.
<frameset cols="ширина 1, ширина 2, ...">...</frameset>
Значения, перечисленные через запятую в виде пикселов (px или другие пометки указывать не требуется), процентов или символа *.
100%
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/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.html" name="leftFrame"> <frame src="main.html" name="mainFrame"> <frame src="right.html" name="rightFrame"> </frameset> </html>
Определяет, показывать границу между фреймами или нет. Браузер Opera в любом случае демонстрирует тонкую линию, если не используется framespacing=«0».
<frameset frameborder="yes | no">...</frameset> <frameset frameborder="1 | 0">...</frameset>
Допускается использовать значения yes или 1 для отображения границы и no или 0, чтобы ее скрыть.
По умолчанию этот параметр включен.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/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.html" name="leftFrame"> <frame src="main.html" name="mainFrame"> <frame src="right.html" name="rightFrame"> </frameset> </html>
Параметр framespacing является аналогом frameborder и предназначен для установки размеров границы между фреймами. Причина существования двух разных атрибутов с близкими свойствами в том, что framespacing более старый параметр и поддерживается браузерами для совместимости с их ранними версиями.
<frameset framespacing="значение">...</frameset>
Целое положительное число. При framespacing=«0» браузер Opera полностью скрывает границы между фреймами, а Internet Explorer устанавливает их параметры по умолчанию. Этот атрибут напрочь игнорируется браузером Netscape.
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/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.html" name="leftFrame"> <frame src="main.html" name="mainFrame"> </frameset> </html>
Задает высоту или пропорции фреймов в структуре <FRAMESET> в виде строк. Если создаются несколько строк, то для параметра rows необходимо установить определенное значение. Для этого используется три варианта:
Удобство использования параметра rows совместно со значением * состоит в том, что фрейм можно определить в нижней части окна браузера. Когда требуется создать равномерную сетку фреймов, используйте в теге <FRAMESET> одновременно параметры rows и cols. Для более сложной структуры необходимо вкладывать один тег <FRAMESET> внутрь другого.
<frameset rows="высота 1, высота 2, ...">...</frameset>
Значения, перечисленные через запятую в виде пикселов (px или другие пометки указывать не требуется), процентов или символа *.
100%
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/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.html" name="topFrame"> <frame src="main.html" name="mainFrame"> </frameset> </html>