logo

TechCodeview

HTML iframe-ek

A HTML Iframe egy beágyazott weboldal (a weboldalon belüli weboldal) megjelenítésére szolgál. A HTML

Egy HTML iframe egy másik dokumentumot ágyaz be az aktuális HTML dokumentumba a téglalap alakú régióba.

A weboldal tartalma és az iframe tartalma JavaScript segítségével kölcsönhatásba léphet egymással.

Java osztály példa

Iframe szintaxis

Egy HTML iframe-et a 

 <iframe src="URL"></iframe>

Itt az 'src' attribútum a beágyazott keretoldal webcímét (URL-jét) adja meg.

Állítsa be az iframe szélességét és magasságát

Az iframe szélességét és magasságát a 'width' és 'height' attribútumok használatával állíthatja be. Alapértelmezés szerint az attribútumértékek pixelben vannak megadva, de százalékban is megadhatók. azaz 50%, 60% stb.

Példa: (Képpont)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>
Tesztelje most

Példa: (százalék)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>
Tesztelje most

A CSS segítségével beállíthatja az iframe magasságát és szélességét is.

linux make parancs

Példa:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>
Tesztelje most

Távolítsa el az iframe keretét

Alapértelmezés szerint az iframe keretet tartalmaz. A szegélyt az attribútum és a CSS border tulajdonság használatával távolíthatja el.

Példa:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>
Tesztelje most

Módosíthatja az iframe keretének méretét, színét és stílusát is.

Példa:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>
Tesztelje most

Iframe Cél egy hivatkozáshoz

Az iframe használatával beállíthat egy hivatkozás célkeretét. A hivatkozásban megadott célattribútumnak az iframe name attribútumára kell utalnia.

Példa:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p>
Tesztelje most

Kimenet

HTML iframe-ek

new.hmtl kimeneti kód: 

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p>

YouTube-videó beágyazása iframe segítségével

YouTube-videót is hozzáadhat weboldalához a

Íme néhány lépés a YouTube-videó weboldalához való hozzáadásához:

  • Nyissa meg a beágyazni kívánt YouTube-videót.
  • Kattints a videó alatt a MEGOSZTÁS ➦ gombra.
  • Kattintson a Beágyazás lehetőségre.
  • HTML kód másolása.
  • Illessze be a kódot a HTML-fájlba
  • Módosítsa a magasságot, szélességet és egyéb tulajdonságokat (a követelmények szerint).

Példa:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe>
Tesztelje most

Kimenet:

tostring metódus java
HTML iframe-ek

attribútumai

Attribútum neve Érték Leírás
teljes képernyő engedélyezése Ha igaz, akkor a keret teljes képernyőn megnyitható.
magasság Pixelek Ez határozza meg a beágyazott iframe magasságát, az alapértelmezett magasság pedig 150 px.
név szöveg Ez adja a nevet az iframe-nek. A name attribútum fontos, ha egy keretben szeretne hivatkozást létrehozni.
keretszegély 1 vagy 0 Meghatározza, hogy az iframe-nek rendelkeznie kell-e szegéllyel vagy sem. (HTML5 nem támogatja).
Szélesség Pixelek Ez határozza meg a beágyazott keret szélességét, az alapértelmezett szélesség pedig 300 px.
src URL Az src attribútum az iframe-be betöltendő tartalom elérési útjának vagy fájlnevének megadására szolgál.
homokozó
Ez az attribútum a keret tartalmára vonatkozó extra korlátozások alkalmazására szolgál
megenged-formák Lehetővé teszi az űrlap beküldését, ha ezt a kulcsszót nem használja, akkor az űrlap beküldése blokkolva van.
engedélyezése-előugró ablakok Engedélyezi az előugró ablakokat, és ha nem alkalmazza, akkor nem nyílik meg.
engedélyezési szkriptek Ez lehetővé teszi a szkript futtatását.
ugyanazt a származást engedélyezi Ha ezt a kulcsszót használja, akkor a beágyazott erőforrás ugyanabból a forrásból letöltöttként lesz kezelve.
srcdoc Az srcdoc attribútum a HTML-tartalom megjelenítésére szolgál a soron belüli iframe-ben. Felülbírálja az src attribútumot (ha egy böngésző támogatja).
görgetés
Azt jelzi, hogy a böngészőnek biztosítania kell-e görgetősávot az iframe-hez, vagy sem. (HTML5 nem támogatja)
auto A görgetősáv csak akkor jelenik meg, ha az iframe tartalma nagyobb, mint a mérete.
Igen Mindig megjeleníti az iframe görgetősávját.
Nem Soha nem jeleníti meg az iframe görgetősávját.