Елемент <iframe> (від англ. inline frame — вбудований кадр) створює вбудований кадр, який знаходиться всередині звичайного документа, він дозволяє завантажувати в область заданих розмірів будь-які інші незалежні документи.
<iframe> є контейнером, зміст якого ігнорується браузерами, які не підтримують цей елемент. Для таких браузерів можна вказати альтернативний текст, який побачать користувачі. Він повинен розташовуватися між тегами <iframe> та </iframe>.
Синтаксис
<iframe>...</iframe>
Закриває тег
Обов'язковий.
Атрибути
- align
- Визначає, як кадр вирівнюватиметься по краю, а також спосіб обтікання його текстом.
- allowfullscreen
- Дозволяє для кадру повноекранний режим.
- allowtransparency
- Встановлює прозорий фон кадру, через який видно фон сторінки .
- frameborder
- Встановлює, відображає кордон навколо кадру чи ні.
- height
- Висота кадру.
- hspace
- Горизонтальний відступ від кадру до навколишнього контенту.
- marginheight
- Відступ зверху та знизу від змісту до межі кадру.
- marginwidth
- Відступ ліворуч і праворуч від вмісту до межі кадру.
- name
- Ім'я кадру.
- sandbox
- Дозволяє встановити ряд обмежень на контент, що завантажується у кадрі.
- scrolling
- Спосіб відображення смуги прокручування у кадрі.
- seamless
- Визначає, що вміст кадру повинен відображатися так, ніби він є частиною документа.
- src
- Шлях до файлу, вміст якого буде завантажуватися у кадр.
- srcdoc
- Зберігає вміст кадру безпосередньо в атрибуті.
- vspace
- Вертикальний відступ від кадру до навколишнього контенту.
- width
- Ширина кадру.
Приклад
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>IFRAME</title> </head> <body> <iframe src="page/banner.html" width="468" height="60" align="left"> Ваш браузер не підтримує вбудовані кадри! </iframe> </body> </html>
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Рекомендація |
| HTML 4.01 Specification | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
| 4 | 12 | 1 | 4 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з який елемент підтримується.