www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Теги ШТМЛ > Тег FRAME
Теги ШТМЛ
Все теги
!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
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег FRAME

Браузер 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

Описание

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

Синтаксис

<frameset>  <frame> </frameset>

Параметры

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

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

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

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

ШТМЛ 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=utf-8">
  <title>Тег FRAME</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>

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

Параметр BORDERCOLOR

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

Описание

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

ШТМЛ 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=utf-8">
  <title>Тег FRAME, параметр bordercolor</title>
 </head>

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

</html>

Параметр FRAMEBORDER

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

Описание

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

Синтаксис

<frame frameborder="1 | 0">

Аргументы

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

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

Нет.

Пример 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=utf-8">
  <title>Тег FRAME, параметр frameborder</title>
 </head>

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

</html>

Параметр NAME

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

Описание

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

Синтаксис

<frame name="имя">

Аргументы

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

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

Нет.

Пример 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=utf-8">
  <title>Тег FRAME, параметр name</title>
 </head>

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

</html>

Параметр NORESIZE

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

Описание

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

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

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

Синтаксис

<frame noresize>

Аргументы

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

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

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

Пример 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=utf-8">
  <title>Тег FRAME, параметр noresize</title>
 </head>

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

</html>

Параметр SCROLLING

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

Описание

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

Синтаксис

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

Аргументы

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

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

auto

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

ШТМЛ 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=utf-8">
  <title>Тег FRAME, параметр scrolling</title>
 </head>

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

</html>

Параметр SRC

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

Описание

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

Синтаксис

<frame src="URL">

Аргументы

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

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

Нет.

Пример 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=utf-8">
  <title>Тег FRAME, параметр src</title>
 </head>

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

</html>

Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru

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