ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <iframe>

❮ Prev Полный HTML справочник Next ❯

Пример

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

<iframe src="https://www.w3schools.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;
}
❮ Prev Полный HTML справочник Next ❯