HTML <iframe> Тег
Пример
Встроенный фрейм помечен следующим образом:
<iframe src="https://html5css.ru"></iframe>
Пример
Встроенный фрейм помечен следующим образом:
<!DOCTYPE HTML>
<html>
<head>
<title>Тег IFRAME</title>
</head>
<body>
<iframe src="frame_b.htm" width="568" height="160">
Ваш браузер не поддерживает плавающие фреймы!
</iframe>
</body>
</html>
Пример
Пример содержания файла frame_b.htm
<html>
<head>
</head>
<body style="background-color:#EBC79E">
<h3>Frame B</h3>
</body>
</html>
Определение и использование
Тег <iframe> определяет встроенный фрейм.
Встроенный фрейм используется для встраивания другого документа в текущий документ HTML.
Поддержка браузера
Элемент | |||||
---|---|---|---|---|---|
<iframe> | Да | Да | Да | Да | Да |
Советы и примечания
Совет: Чтобы иметь дело с обозревателями, не поддерживающими <iframe>, добавьте текст между открывающим тегом <iframe> и закрывающим тегом </iframe>.
Совет: Используйте CSS для стиля <iframe> (даже для включения полосы прокрутки).
Различия между HTML 4,01 и HTML5
HTML5 добавил некоторые новые атрибуты, и несколько атрибутов HTML 4,01 удалены из HTML5.
Различия между HTML и XHTML
В XHTML атрибут name является устаревшим и будет удален. Используйте атрибут глобального идентификатора Вместо.
Атрибуты
= Новый в HTML5.
Атрибут | Значение | Описание |
---|---|---|
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 Object
Параметры CSS по умолчанию
В большинстве обозревателей элемент <iframe> будет отображаться со следующими значениями по умолчанию:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}