Tag HTML <iframe>

  • Pagina precedente <i>
  • Pagina successiva <img>

Definizione e uso

<iframe> L'etichetta <iframe> definisce un frame inline (frame in linea).

Il frame inline viene utilizzato per incorporare un altro documento nel documento HTML corrente.

Suggerimento:Usa CSS per impostare <iframe> stili (vedi gli esempi di seguito).

Suggerimento:È meglio sempre assegnare <iframe> Contiene l'attributo title. I lettori di schermo possono utilizzare questo attributo per leggere informazioni su <iframe> Descrizione del contenuto.

Vedi anche:

Tutorial HTML:Iframe HTML

Manuale di riferimento del DOM HTML:Oggetto IFrame

Esempio

Esempio 1

L'etichetta di frame inline è la seguente:

<iframe src="https://www.codew3c.com" title="CodeW3C.com Online Tutorial"></iframe>

Prova personalmente

Esempio 2

Aggiungi e rimuovi i bordi dell'<iframe> (utilizzando CSS):

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

Prova personalmente

Proprietà

Proprietà Valore Descrizione
allow Stabilisce la strategia delle funzionalità dell'<iframe>.
allowfullscreen
  • true
  • false
 Se l'<iframe> può attivare la modalità a schermo intero chiamando il metodo requestFullscreen(), impostare su true.
allowpaymentrequest
  • true
  • false
 Se è permesso chiamare l'API Payment Request API per l'<iframe> con origine incrociata, impostare su true.
height Pixel Stabilisce l'altezza dell'<iframe>. L'altezza predefinita è di 150 pixel.
loading
  • eager
  • lazy
 Stabilisce se il browser deve caricare immediatamente l'<iframe> o se deve ritardare il caricamento fino a quando non si verificano determinate condizioni.
name Testo Stabilisce il nome dell'<iframe>.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Stabilisce le informazioni di riferimento da inviare quando si accede all'<iframe>.
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 Abilita una serie di limitazioni aggiuntive per il contenuto dell'<iframe>.
src URL Stabilisce l'indirizzo del documento da incorporare nell'<iframe>.
srcdoc Codice HTML Stabilisce il contenuto HTML della pagina da visualizzare all'interno dell'<iframe>.
width Pixel Stabilisce la larghezza dell'<iframe>. La larghezza predefinita è di 300 pixel.

Proprietà globale

<iframe> Il tag supporta anche Proprietà globali HTML.

proprietà attributo evento

<iframe> Il tag supporta anche Proprietà attributo evento HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per la visualizzazione <iframe> Elemento:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto
  • Pagina precedente <i>
  • Pagina successiva <img>