Тег <iframe> определяет встроенный фрейм.
Встроенный фрейм используется, чтобы вывести содержимое другого HTML документа внутри текущего.
Чтобы сообщить о том, что браузер не поддерживает встроенные фреймы, достаточно добавить соответствующий текст между открывающим тегом <iframe> и закрывающим тегом </iframe>.
Для настройки стиля элемента <iframe> (включая полосы прокрутки) используйте CSS.
Разница между HTML 4.01 и HTML5
В HTML5 были добавлены новые атрибуты и некоторые атрибуты, допустимые в HTML 4.01, удалены.
Различия между HTML и XHTML
В XHTML атрибут name запрещен. Вместо него используется общий атрибут id.
| Атрибут | Описание |
|---|---|
| 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>
