ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



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;
}