САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <iframe>


Пример

Встроенный фрейм размечен следующим образом:

<iframe src="http://www.progtutorial.com/"></iframe>
Попробуйте сами »

Определение и использование

Тег <iframe> определяет встроенный фрейм.

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


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

Элемент
<iframe> Yes Yes Yes Yes Yes

Советы и примечания

Совет: Чтобы работать с браузерами, которые не поддерживают <iframe>, добавьте текст между открывающим тегом <iframe> и закрывающим тегом </iframe>.
Совет: Используйте CSS для стилизации <iframe> (даже для включения полос прокрутки).

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

В HTML5 добавлены некоторые новые атрибуты, и некоторые атрибуты HTML 4.01 удалены из HTML5.


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

В XHTML атрибут name устарел и будет удален. Используйте глобальный атрибут id вместо этого.


Атрибуты

Атрибут Значение Описание
align left
right
top
middle
bottom
Не поддерживается в HTML5.
Определяет выравнивание <iframe> в соответствии с окружающими элементами
frameborder 1
0
Не поддерживается в HTML5.
Указывает, отображать ли границу вокруг <iframe>
height pixels Определяет высоту <iframe>
longdesc URL Не поддерживается в HTML5.
Определяет страницу, которая содержит длинное описание содержимого <iframe>
marginheight pixels Не поддерживается в HTML5.
Определяет верхние и нижние поля содержимого <iframe>
marginwidth pixels Не поддерживается в HTML5.
Определяет левые и правые поля содержимого <iframe>
name text Определяет имя <iframe>
sandbox allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
Включает дополнительный набор ограничений для содержимого в <iframe>
scrolling yes
no
auto
Не поддерживается в HTML5.
Указывает, следует ли отображать полосы прокрутки в <iframe>
src URL Определяет адрес документа для встраивания в <iframe>
srcdoc HTML_code Определяет HTML-содержимое страницы для отображения в <iframe>
width pixels Определяет ширину <iframe>

Глобальыне атрибуты

Тег <iframe> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <iframe> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML учебник: HTML Iframes

HTML DOM справочник: Объект IFrame


Настройки CSS по умолчанию

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

iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}