Веб Навсегда.инфоHTML-теги → IFRAME

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

IFRAME

Описание элемента

Этот тег создаёт плавающий фрейм, в который может быть загружен любой другой документ (впрочем как и в обычном фрейме)

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

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

Синтаксис

<iframealign name frameborder | src | width | height | hspace | vspace | scrolling }=
{"выравнивание" | "имя" | ( (1 || 0) || (yes || no)) | "URL" | "ширина" | "высота" | "отступ" | "отступ" | yes || auto || no) }>

</iframe>

Возможные параметры

align - Задаёт выравнивание фрейма на странице.

name - Устанавливает имя фрейма

frameborder - Задаёт, отображать ли рамку вокруг фрейма.

src - Указывает путь к странице, загружаемой во фрейм.

width - Задаёт ширину фрейма.

height - Задаёт высоту фрейма.

hspace - Устанавливает горизонтальный отступ.

vspace - Устанавливает вертикальный отступ.

scrolling - Задаёт отображение полосы прокрутки.

Параметр ALIGN

Задает выравнивание плавающего фрейма на странице и его обтекание другими элементами.

Возможные аргументы:
absmiddle
 - середина объекта выравнивается по середине текущей строки
baseline - объект выравнивается по базовой линии текущей строки
left - выравнивание по левому краю
right - выравнивание по правому краю
bottom - выравнивание нижней границы по тексту
middle - выравнивание объекта серединой по базовой линии
top - выравнивание по самому высокому элементу строки
texttop - выравнивание по самому высокому текстовому элементу строки.

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

Параметр NAME

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

Возможные аргументы:
Любое имя из цифр и латинских символов.

Значение по умолчанию:
Отсутствует.

Параметр FRAMEBORDER

C помощью этого параметра можно управлять отображением границы между фреймами. Значение этого параметра отменяет значение соответствующего параметра у тега FRAMESET.

ВНИМАНИЕ:
В браузере Опера граница будет присутствовать всё равно, даже при значении frameborder равного 0.

Возможные аргументы:
1
 или yes- граница будет отображена.
0 или no- граница будет скрыта.

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

Параметр SRC

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

Возможные аргументы:
Относительный или абсолютный путь к файлу

Значение по умолчанию:
Отсутствует.

Параметр WIDTH

Задает ширину плавающего фрейма. В случае когда нет этого параметра, ширина автоматически устанавливается в 300 пикселей.

Возможные аргументы:
Любое целое положительное число в процентах или пикселях.

Значение по умолчанию:
300px.

Параметр HEIGHT

Задает высоту плавающего фрейма. В случае когда нет этого параметра, высота автоматически устанавливается в 150 пикселей.

Возможные аргументы:
Любое целое положительное число в процентах или пикселях.

Значение по умолчанию:
150px.

Параметр HSPACE

Устанавливает невидимый отступ по горизонтали от края фрейма до других, обтекающих его элементов.

Возможные аргументы:
Целое положительное значение в пикселях.

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

Параметр VSPACE

Устанавливает невидимый отступ по вертикали от края фрейма до других, обтекающих его элементов.

Возможные аргументы:
Целое положительное значение в пикселях.

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

Параметр SCROLLING

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

Возможные аргументы:
yes - полосы прокрутки всегда отображаются, независимо от содержимого.
auto - браузер сам решает, отображать полосы или нет, на основе содержимого.
no - полосы прокрутки никогда не отображаются, независимо от содержимого.

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

Примеры использования

Пример тега IFRAME

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега IFRAME</title>
</head>
<body>
<p>Текст то мы писали, мы писали, но подумали и решили фреймов парочку добавить:<br>
<iframe width="100%" height="600px" name="bigframe" scrolling="no" src="http://webforever.info/viev.phtml?cat=html&teg=IFRAME"></iframe></p>

<p>Ну а вот вам фрейм обычный, без задания ширины и высоты.<br>Заметьте, что он имеет размеры 300х150.
<iframe align="absmiddle" frameborder="no" src="http://webforever.info/"></iframe></p>

<p> А при нажатии вот на эту <a href="http://webforever.info/index.phtml?category=games" target="bigframe">ссылку</a>, в большом фрейме откроется  страница с разделом On-Line игр. Обратие внимание на значение параметра <b>name</b> у <b><i>IFRAME</i></b> и значение <b>target</b> у <b><i>A</i></b></p>
</body>
</html>