| Элемент | ||||||
| <iframe> | 4+ | 1+ | 4+ | 1+ | 1+ | 1+ |
HTML тег <iframe>
Элемент <iframe> (от англ. "inline frame" ‒ «встроенный фрейм») применяется для создания «плавающего» фрейма и вставки его в обычный HTML-документ.
Применение «плавающего» фрейма напоминает вставку HTML-страницы при помощи тега <object>. А «плавающим» он называется потому, что его положение на странице можно менять, используя атрибут align. Элемент <iframe> является встроенным, то есть он не создает переносы строк перед собой и после себя, соответственно плавающий фрейм можно вставлять непосредственно в текстовую строку.
Примечание: Чтобы сообщить о том, что браузер не поддерживает встроенные фреймы, достаточно добавить соответствующий текст между открывающим тегом <iframe> и закрывающим тегом </iframe>.
Совет: Для настройки стиля элемента <iframe> (включая полосы прокрутки) используйте CSS.
Синтаксис
<iframe>...</iframe>Закрывающий тег
Обязателен.
Атрибуты
- alignУстарел
- Определяет, как фрейм будет выравниваться по краю, а также способ обтекания его текстом.
- allowfullscreen
- Разрешает для фрейма полноэкранный режим.
- allowtransparencyНестандартный
- Устанавливает прозрачный фон фрейма, через который виден фон страницы.
- frameborderТолько HTML4
- Устанавливает, отображать границу вокруг фрейма или нет.
- height
- Высота фрейма HTML5 в пикселях CSS, HTML4 в пикселях или процентах.
- hspaceУстарел
- Горизонтальный отступ от фрейма до окружающего контента.
- marginheightТолько HTML4
- Отступ сверху и снизу от содержания до границы фрейма.
- marginwidthТолько HTML4
- Отступ слева и справа от содержимого до границы фрейма.
- name
- Имя фрейма.
- sandboxHTML5
- Позволяет задать ряд ограничений на контент загружаемый во фрейме.
- scrolling
- Способ отображения полосы прокрутки во фрейме.
- seamlessHTML5
- Определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.
- src
- Путь к файлу, содержимое которого будет загружаться во фрейм.
- srcdocHTML5
- Хранит содержимое фрейма непосредственно в атрибуте.
- vspaceУстарел
- Вертикальный отступ от фрейма до окружающего контента.
- width
- Ширина фрейма HTML5 в пикселях CSS, HTML4 в пикселях или процентах.
Элемент поддерживает глобальные атрибуты и события.
Стилизация по умолчанию
Большинство браузеров отобразит элемент <iframe> со следующими значениями CSS по умолчанию:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}Различия между HTML 4.01 и HTML5
В HTML5 добавлено два новых атрибута, большинство используемых в HTML 4.01 атрибутов было удалено.
Пример использования:
Элемент <iframe>.
Спецификации
| Спецификация | Статус |
|---|---|
| WHATWG HTML Living Standard (WHATWG) | Живой стандарт |
| HTML 4.01 (W3C) | Рекомендация |
| HTML5 (W3C) | Рекомендация |
| HTML 5.1 (W3C) | Рекомендация |
Поддержка браузерами
Похожие страницы
HTML уроки: Плавающие фреймы