HTML тег iframe

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

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

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

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

Разница между HTML 4.01 и HTML5

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

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

В XHTML атрибут name запрещен. Вместо него используется общий атрибут id.

Атрибуты тега <iframe>

АтрибутОписание
alignОпределяет горизонтальное выравнивание содержимого элемента iframe
frameborderОпределяет, следует ли отображать трехмерную границу вокруг фрейма
heightОпределяет высоту встроенного фрейма
longdescОпределяет URL с развернутым описанием содержимого фрейма
marginheightОпределяет отступ между контентом и верхним и нижним краями фрейма
marginwidthОпределяет отступ между контентом и левым и правым краями фрейма
nameОпределяет имя встроенного фрейма
sandboxВключает дополнительные ограничения на контент во встроенном фрейме
scrollingОпределяет, каким образом следует отображать полосы прокрутки во встроенном фрейме
srcОпределяет адрес документа для вывода в фрейме
srcdocОпределяет HTML контент для отображения во встроенном фрейме
widthОпределяет ширину встроенного фрейма

Общие атрибуты

Тег <iframe> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

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


iframe:focus { 
    outline: none;
}

iframe[seamless] { 
    display: block;
}

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

Встроенный фрейм:


<iframe src="http://msiter.ru"></iframe>