<iframe> elem használata

Az <iframe> elem lehetővé teszi, hogy egy másik weboldalt ágyazzunk be az aktuális HTML oldalba. Ez hasznos lehet külső tartalmak, például videók, térképek vagy más webes alkalmazások megjelenítésére.

Mi az az <iframe>?

Az <iframe> (inline frame) egy konténer, amely egy másik weboldalt tölt be az oldalba. A src attribútummal adjuk meg a betöltendő oldal címét.

<iframe src="https://example.com" width="600" height="400"></iframe>

Példa egy beágyazott oldalra

Az alábbi példában az iframe egy külső oldalt jelenít meg. Ez teljesen működőképes, ha az adott oldal engedi a beágyazást.

Gyakori attribútumok

A leggyakrabban használt attribútumok: src (forrás), width (szélesség), height (magasság), title (cím), style (egyedi stílus). A border eltávolításához használjunk CSS-t vagy a style attribútumot.

<iframe src="https://example.com" width="500" height="300" title="Example site"></iframe>

Mikor használjuk?

Ha YouTube videót, Google Térképet, másik HTML oldalt, vagy egy külső szolgáltatás tartalmát akarjuk megjeleníteni az oldalunkon, akkor az <iframe> megfelelő választás.

Fontos korlátozások

Nem minden weboldal engedélyezi az iframe-be ágyazást. Sok oldal biztonsági okokból letiltja ezt. Emellett a beágyazott tartalom nem befolyásolható teljesen CSS-sel, és a SEO-ra is lehet negatív hatása.