Тег <iframe>

23.09.2010

Влад Мержевич

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Тег <iframe> создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы.

Тег <iframe> является контейнером, содержание которого игнорируется браузерами, не поддерживающими данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами <iframe> и </iframe>.

Синтаксис

<iframe>...</iframe>

Атрибуты

align: Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом.
allowtransparency: Устанавливает прозрачный фон фрейма, через который виден фон страницы.
frameborder: Устанавливает, отображать границу вокруг фрейма или нет.
height: Высота фрейма.
hspace: Горизонтальный отступ от фрейма до окружающего контента.
marginheight: Отступ сверху и снизу от содержания до границы фрейма.
marginwidth: Отступ слева и справа от содержания до границы фрейма.
name: Имя фрейма.
sandbox: Позволяет задать ряд ограничений на контент загружаемый во фрейме.
scrolling: Способ отображения полосы прокрутки во фрейме.
seamless: Определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.
src: Путь к файлу, содержимое которого будет загружаться во фрейм.
srcdoc: Хранит содержимое фрейма непосредственно в атрибуте.
vspace: Вертикальный отступ от фрейма до окружающего контента.
width: Ширина фрейма.

Также для этого тега доступны универсальные атрибуты и события.

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

Обязателен.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег IFRAME</title>
 </head>
 <body>  

 <iframe src="banner.html" width="468" height="60" align="left">
    Ваш браузер не поддерживает плавающие фреймы!
 </iframe>

 </body>
</html>

Универсальные элементы Фреймы