Опубликовано: 25.06.2010 Последняя правка: 08.12.2015

Тег <IFRAME>

Тег <IFRAME> применяется для создания плавающего фрейма и вставки его в обычный HTML-документ. Эта операция очень похожа на вставку HTML-страницы при помощи тега <OBJECT>. А плавающим он называется потому, что его положение на странице можно менять, используя атрибут align. Тег <IFRAME> является встроенным, то есть он не создает переносы строк перед собой и после себя, соответственно плавающий фрейм можно вставлять прямо в текстовую строку.

Элемент <IFRAME> может иметь содержимое, оно будет отображаться, если браузер не поддерживает фреймы. Например, это может быть альтернативный текст или какой-то HTML-код.

Атрибуты

Личные атрибуты:

align — Устанавливает вертикальное положение плавающего фрейма относительно окружающего контекста.
frameborder — Разрешает или запрещает отображать рамку вокруг фрейма.
height — Задает высоту плавающего фрейма.
hspace — Устанавливает размер боковых полей плавающего фрейма от его рамки до окружающего контекста.
marginheight — Размер полей сверху и снизу от содержимого фрейма до рамки.
marginwidth — Размер боковых полей плавающего фрейма от его содержимого до рамки.
name — Присваивает имя фрейму.
scrolling — Задает варианты скроллинга окна плавающего фрейма.
src — Указывает адрес документа, который загружается во фрейм.
vspace — Размер полей фрейма сверху и снизу от его рамки до окружающего контекста.
width — Задает ширину плавающего фрейма.

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

accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
dir — указывает направление текста внутри элемента.
id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
lang — указывает язык, на котором написан текст внутри HTML-элемента.
style — необходим для применения встроенных стилей CSS к тегу.
tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Назначение: фреймы.

Модель тега: inline (встроенный, уровня строки).

Может содержать: block-теги и/или inline-теги, обычный текст и спецсимволы HTML (мнемоники).

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

<iframe>содержимое</iframe>

Пример HTML: применение тега IFRAME

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега IFRAME</title>
 </head>
 <body>
  <p>Геометрические фигуры: <iframe src="files/treugolnik.html" width="400" height="250">
     Ваш браузер не поддерживает фреймы. Но вы можете посмотреть
     <a href="files/treugolnik.html">альтернативный документ</a>.</iframe></p>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:	HTML 4.01	HTML 5	XHTML 1.0	XHTML 1.1
Поддержка:	Частично	Да	Частично	Нет

В HTML 4.01 и XHTML 1.0 использовать тег <IFRAME> допускается только с <!DOCTYPE> Transitional и Frameset, в противном случае будет невалидный код.

Поддержка браузерами

Браузер:	Internet Explorer	Google Chrome	Mozilla Firefox	Opera	Safari
Версия:	6.0 и выше	2.0 и выше	2.0 и выше	9.2 и выше	3.1 и выше
Поддержка:	Да	Да	Да	Да	Да