/html/iframe:> Встроенный (плавающий) фрейм_
Элемент iframe
Синтаксис
(X)HTML
<iframe src="..."> ... </iframe>
Описание
Элемент iframe (от англ. "inline frame" ‒ «встроенный фрейм») встраивает «плавающий» фрейм в HTML документ.
Примечание
Данный элемент создаёт в документе прямоугольную область обрамлённую рамкой, в которую загружается внешний документ. При активации ссылки во встроенном фрейме, документ загружается в этот же фрейм.
Для браузеров не поддерживающих «плавающие» фреймы в элемент iframe вкладывается соответствующий текст предупреждения. Например, «Ваш веб-браузер не поддерживает фреймы».
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | 16.5 Inline frames: the IFRAME element DTD: Transitional
|
| 5.0 | 4.7.2 The iframe element |
| 5.1 | 4.7.6. The iframe element |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
|
| 1.1 | |
Атрибуты
- align
- Задаёт выравнивание фреймов в документе, в том числе его обтекание текстом.
- allowfullscreen
- Разрешает использование функции полноэкранного режима.
- frameborder
- Указывает отображать или не отображать рамку вокруг фрейма.
- height
- Задаёт высоту фрейма.
- longdesc
- Указывает URL-адрес страницы содержащей полное описание содержимого фрейма.
- marginheight
- Устанавливает высоту верхнего и нижнего отступа от границы фрейма до его содержимого.
- marginwidth
- Устанавливает размер левого и правого отступа от границы фрейма до его содержимого.
- name
- Задаёт фрейму уникальное имя.
- sandbox
- Устанавливает набор ограничений для содержимого фрейма.
- scrolling
- Указывает отображать или нет полосы прокрутки (scrollbar) в фрейме.
- seamless
- Указывает, что содержимое фрейма должно выглядеть так, как будто оно является частью основного документа.
- src
- Указывает URL-адрес документа, который должен быть загружен во фрейм.
- srcdoc
- HTML-код документа, который должен быть отображён во фрейме.
- width
- Задаёт ширину фрейма.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент iframe</title>
</head>
<body>
<h1>Пример с элементом "iframe"</h1>
<iframe src="/html/i/" style="width: 450px; height: 250px;">Ваш браузер не поддерживает плавающие фреймы.</iframe>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент iframe</title>
</head>
<body>
<h1>Пример с элементом "iframe"</h1>
<iframe src="/html/i/" style="width: 450px; height: 250px;">Ваш браузер не поддерживает плавающие фреймы.</iframe>
</body>
</html>
Элемент iframe