Tag <iframe>


Definizione

Il tag <iframe> ha lo scopo di creare un frame all'interno di una pagina HTML. La funzione di un iframe è quella di integrare una risorsa specifica in una pagina, coma ad esempio un altra pagina web o un video.

Un iframe ha molteplici usi e il suo contenuto può essere anche autogenerato e gestito con JavaScript.

 

Esempio

 <iframe src="https://codewith.it" title="editor di codice online">    


 

<iframe>

tag HTML

Crea un frame all'interno di una pagina HTML.


Posizione: <body>
Tag di chiusura:


Attributi

Gli attributi disponibili per il tag <iframe> sono:

Attributo Valore Descrizione
src URL URL della pagina di destinazione, da mostrare all'interno dell'iframe.
height

pixel

Specifica l'altezza in pixel dell'iframe.
width pixel Specifica la larghezza in pixel dell'iframe.
sandbox allow-forms
allow-pointer-lock
allow-modals
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
Determina ulteriori parametri di visualizzazione, interazione e limitazioni con il contenuto dell'iframe.
name stringa Nome dell'elemento.
allowfullscreen

true
false

Permesso al fullscreen dell'iframe attraverso il metodo al element.requestFullscreen(). 
allowpaymentrequest true
false
Consente di accettare richieste di pagamento attraverso l'iframe.

 



Compatibilità

Tutti i moderni browser supportano questo elemento.