Что такое 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

Обновлен: 08.08.2020г.

То что читаю, чем вдохновляюсь, работаю, то чем пользуюсь и руководствуюсь.

Личная выжимка полезностей. Для удобства, по категориям

ДИЗАЙН

• Студия Артемия Лебедева [ART.LEBEDEV]

https://www.artlebedev.ru/

Основные направления — промышленный дизайн, городской дизайн, графический дизайн, дизайн среды, системы навигации, создание сайтов, проектирование интерфейсов, создание шрифтов, дизайн паттернов, архитектура и книгоиздание.

• UA Telegraf — журнал дизайнерів.

https://telegraf.design/

Telegraf — журнал дизайнерів.

Тут відносини важливіше трафіку, люди — софту, а ідеї — правил.

ОБРАЗОВАНИЕ И РАЗВИТИЕ

• HTMLbook - HTML, CSS, сайтостроение. От азов до очень "сложно"! +форум

http://htmlbook.ru/

Собственно:

• Это удобно
• Это минималистично
• Это понятно
• Это ничего лишнего
• Это свободно