HTML тег <iframe>

Элемент <iframe> (от англ. "inline frame" ‒ «встроенный фрейм») применяется для создания «плавающего» фрейма и вставки его в обычный HTML-документ.

Применение «плавающего» фрейма напоминает вставку HTML-страницы при помощи тега <object>. А «плавающим» он называется потому, что его положение на странице можно менять, используя атрибут align. Элемент <iframe> является встроенным, то есть он не создает переносы строк перед собой и после себя, соответственно плавающий фрейм можно вставлять непосредственно в текстовую строку.

Примечание: Чтобы сообщить о том, что браузер не поддерживает встроенные фреймы, достаточно добавить соответствующий текст между открывающим тегом <iframe> и закрывающим тегом </iframe>.

Совет: Для настройки стиля элемента <iframe> (включая полосы прокрутки) используйте CSS.

Синтаксис

<iframe>...</iframe>

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

Обязателен.

Атрибуты

alignУстарел
Определяет, как фрейм будет выравниваться по краю, а также способ обтекания его текстом.
allowfullscreen
Разрешает для фрейма полноэкранный режим.
allowtransparencyНестандартный
Устанавливает прозрачный фон фрейма, через который виден фон страницы.
frameborderТолько HTML4
Устанавливает, отображать границу вокруг фрейма или нет.
height
Высота фрейма HTML5 в пикселях CSS, HTML4 в пикселях или процентах.
hspaceУстарел
Горизонтальный отступ от фрейма до окружающего контента.
marginheightТолько HTML4
Отступ сверху и снизу от содержания до границы фрейма.
marginwidthТолько HTML4
Отступ слева и справа от содержимого до границы фрейма.
name
Имя фрейма.
sandboxHTML5
Позволяет задать ряд ограничений на контент загружаемый во фрейме.
scrolling
Способ отображения полосы прокрутки во фрейме.
seamlessHTML5
Определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.
src
Путь к файлу, содержимое которого будет загружаться во фрейм.
srcdocHTML5
Хранит содержимое фрейма непосредственно в атрибуте.
vspaceУстарел
Вертикальный отступ от фрейма до окружающего контента.
width
Ширина фрейма HTML5 в пикселях CSS, HTML4 в пикселях или процентах.

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

Стилизация по умолчанию

Большинство браузеров отобразит элемент <iframe> со следующими значениями CSS по умолчанию:

iframe:focus { 
    outline: none;
}

iframe[seamless] { 
    display: block;
}

Различия между HTML 4.01 и HTML5

В HTML5 добавлено два новых атрибута, большинство используемых в HTML 4.01 атрибутов было удалено.

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

Элемент <iframe>.

Пример HTML:

Попробуй сам
<iframe src="tag_iframe.html"></iframe>

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами

Похожие страницы

HTML уроки: Плавающие фреймы

HTML Элементы

HTML Базовые теги



Contema