August 8, 2020

Используем элемент Iframe

Что такое Iframe?

Iframe (сокр. от Inline Frame) - кадр в кадре. Компонент HTML элемента, позволяет встраивать контент в веб-страницу.

Компонент Iframe дает возможность включать часть содержимого из другого источника.

Элемент рассматривают как часть контента, а не, как часть сайта.

Используем элемент Iframe

Синтаксис

<iframe>...</iframe>

Атрибуты

align - определяет выравнивание по краю и способ обтекания текстом.

allowtransparency - устанавливает прозрачный фон фрейма, через который виден фон страницы.

frameborder - отображение границы вокруг фрейма или ее отсутствие.

height - высота фрейма.

hspace - горизонтальный отступ до окружающего контента.

marginheight - отступ сверху и снизу от содержания до границы фрейма.

marginwidth - отступ слева и справа от содержания до границы фрейма.

name - имя фрейма.

sandbox - позволяет задать ряд ограничений на загружаемый контент.

scrolling - способ отображения полосы прокрутки во фрейме.

seamless - определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.

src - путь к файлу, загружаемого содержимого.

srcdoc - хранит содержимое фрейма непосредственно в атрибуте.

vspace - вертикальный отступ до окружающего контента.

width - ширина фрейма.

Также для этого тега доступны универсальные атрибуты и события.

Пример

Код:

<iframe src="https://www.youtube.com/watch?v=GT77G1loHsI" width="680" height="480" allowfullscreen></iframe>

Результат:

Источник:

http://htmlbook.ru/html/iframe