/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