HTML таг `iframe`

Пример

Кратък пример как се използва тагът <iframe>.

<iframe 
  src="https://www.example.com" 
  width="600" 
  height="400" 
  style="border:1px solid #ccc;" 
  title="Примерен iframe">
  Вашият браузър не поддържа вградени рамки (iframe).
</iframe>

Опитай в редактора

Дефиниция и употреба

Тагът <iframe> (inline frame) се използва за вграждане на друго HTML съдържание в текущата страница. Най-често се използва за показване на външни уебсайтове, карти (напр. Google Maps), видеа (напр. YouTube), документи или отделни части от същия сайт.

Основният задължителен атрибут е src, който указва URL адреса на страницата или ресурса, който ще се зареди във вътрешната рамка. Често се задават и размери чрез width и height, както и стилове за рамка или оформление.

За по-добра сигурност и контрол върху вграденото съдържание се използват атрибути като sandbox (ограничава какво може да прави вградената страница), referrerpolicy, allow (управлява достъпа до функционалности като камера, микрофон, fullscreen и др.) и loading="lazy" за отложено зареждане.

Текстът, поставен между отварящия и затварящия таг <iframe>...</iframe>, се показва само ако браузърът не поддържа iframes, и служи като резервно съдържание.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Атрибут	Описание
`src`	URL адрес на страницата/ресурса, който ще се зареди във вградената рамка.
`width`	Ширина на iframe-а (в пиксели или процент).
`height`	Височина на iframe-а (в пиксели или процент).
`title`	Текстово описание за достъпност (важно за screen reader-и).
`name`	Име на рамката, използвано като цел за линкове или формуляри.
`loading`	Управлява зареждането: `lazy` (отложено) или `eager` (незабавно).
`sandbox`	Активира ограничен режим на изпълнение и може да ограничи скриптове, форми, pop-up прозорци и др.
`allow`	Дава специфични разрешения (напр. `fullscreen`, `camera`, `microphone` и др.).
`referrerpolicy`	Определя каква referrer информация се изпраща към вградения ресурс.
`allowfullscreen`	Позволява на съдържанието във iframe да преминава в режим на цял екран.

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг iframe