Тег iframe – це HTML елемент, який дозволяє вбудовувати веб-сторінки або документи з інших джерел безпосередньо до поточної сторінки. Iframe надає можливість відображати вміст одного документа у вікні іншого документа.
Як правило, тег iframe використовується для вбудовування віджетів, карт, відео, картинок або будь-якого іншого вмісту на веб-сторінку. Він дозволяє відображати зовнішні ресурси на своїй сторінці без необхідності переходити на іншу сторінку.
Основний принцип роботи тега iframe полягає в тому, що він створює невелике вікно на сторінці, яке завантажується вміст з іншої URL-адреси. Всередині цього вікна можна відобразити будь-який HTML-код, включаючи інші веб-сторінки.
| Що таке тег iframe | |
| Тег | Опис |
<iframe> | Тег <iframe> визначає вбудоване вікно у поточному документі HTML. Всередині вікна можна завантажувати інші документи HTML або веб-сторінки. Розмір та розташування вікна задається за допомогою атрибутів width, height, src і т.д. |
| width | Атрибут width задає ширину вбудованого вікна. Можна вказувати значення у пікселях або у відсотках від ширини батьківського елемента. |
| height | Атрибут height задає висоту вбудованого вікна. Можна вказувати значення у пікселях або у відсотках від висоти батьківського елемента. |
| src | Атрибут src вказує адресу або шлях до файлу, який буде завантажено у вбудоване вікно. |
| frameborder | Атрибут frameborder визначає наявність чи відсутність межі навколо вбудованого вікна. Якщо значення атрибута дорівнює "0", то межі немає, якщо значення дорівнює "1", то межі є. |
| scrolling | Атрибут scrolling визначає наявність або відсутність смуг прокручування у вбудованому вікні. Якщо значення атрибута дорівнює "auto", то смуги прокручування будуть з'являтися автоматично при необхідності, якщо значення дорівнює "yes", то смуги прокручування будуть завжди видно, якщо значення одно "no", то смуги прокручування відсутні. |
| allowfullscreen | Атрибут allowfullscreen визначає, чи дозволено повноекранне відображення вбудованого вікна. Якщо значення атрибута дорівнює "true", то дозволено, якщо значення дорівнює "false", то заборонено. |
| sandbox | Атрибут sandbox визначає обмеження на вміст та поведінку вбудованого вікна. Можна використовувати різні значення атрибуту, такі як allow-same-origin, allow-scripts, allow-top-navigation і т.д. |
| name | Атрибут name задає ім'я вбудованого вікна. Можна використовувати ім'я для адресації JavaScript. |
| style | Атрибут style задає стилізацію вбудованого вікна, такі як колір тла, розмір тексту тощо. |
IFrame – це кадр усередині кадру. Це компонент HTML-елемента, який дозволяє вбудовувати документи, відео та інтерактивні медіафайли на сторінку.15 лист. 2022 р.
Що таке iframe простими словами?
Тег iFrame елемент HTML, що дозволяє вбудовувати на веб-сторінку документи, відео та інтерактивні медіафайли та інші частини вмісту з інших джерел. Це один із найстаріших HTML-елементів: вперше його підтримка була включена до браузера Microsoft Internet Explorer у 1997 році.
Навіщо використовується тег iframe?
Тег <iframe> дозволяє вбудовувати контент (наприклад, веб-сторінки, відео) прямо у документ HTML.
Як працює iframe?
Тег <iframe> створює плаваючий кадр, який знаходиться всередині звичайного документа, він дозволяє завантажувати в область заданих розмірів будь-які інші незалежні документи. Тег <iframe> є контейнером, зміст якого ігнорується браузерами, які не підтримують цей тег.