logo

iframe HTML

L'Iframe HTML viene utilizzato per visualizzare una pagina Web nidificata (una pagina Web all'interno di una pagina Web). L'HTML

Un iframe HTML incorpora un altro documento all'interno del documento HTML corrente nell'area rettangolare.

Il contenuto della pagina Web e il contenuto dell'iframe possono interagire tra loro utilizzando JavaScript.

input dell'utente Java

Sintassi dell'iframe

Un iframe HTML è definito con il file

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

Qui, l'attributo 'src' specifica l'indirizzo web (URL) della pagina frame in linea.

Imposta larghezza e altezza dell'iframe

Puoi impostare la larghezza e l'altezza dell'iframe utilizzando gli attributi 'larghezza' e 'altezza'. Per impostazione predefinita, i valori degli attributi sono specificati in pixel ma puoi anche impostarli in percentuale. cioè 50%, 60% ecc.

Esempio: (Pixel)

 <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> 
Provalo adesso

Esempio: (percentuale)

 <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> 
Provalo adesso

Puoi anche utilizzare CSS per impostare l'altezza e la larghezza dell'iframe.

Esempio:

 <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> 
Provalo adesso

Rimuovi il bordo di iframe

Per impostazione predefinita, un iframe contiene un bordo attorno ad esso. Puoi rimuovere il bordo utilizzando l'attributo e la proprietà border CSS.

Esempio:

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

Puoi anche modificare la dimensione, il colore e lo stile del bordo dell'iframe.

Esempio:

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

Destinazione iframe per un collegamento

È possibile impostare un frame di destinazione per un collegamento utilizzando iframe. L'attributo target specificato del collegamento deve fare riferimento all'attributo name dell'iframe.

rompere Java

Esempio:

 <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> 
Provalo adesso

Produzione

iframe HTML

codice di output new.hmtl:

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

Incorpora video di YouTube utilizzando iframe

Puoi anche aggiungere un video di YouTube sulla tua pagina web utilizzando il file

Di seguito sono riportati alcuni passaggi per aggiungere video di YouTube sulla tua pagina web:

  • Vai al video di YouTube che desideri incorporare.
  • Clicca su CONDIVIDI ➦ sotto il video.
  • Fare clic sull'opzione Incorpora.
  • Copia il codice HTML.
  • Incolla il codice nel tuo file HTML
  • Modifica altezza, larghezza e altre proprietà (secondo i requisiti).

Esempio:

 <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> 
Provalo adesso

Produzione:

elenco di array di ordinamento Java
iframe HTML

Attributi di

Nome attributo Valore Descrizione
consentire schermo intero Se è vero, il frame può essere aperto a schermo intero.
altezza Pixel Definisce l'altezza dell'iframe incorporato e l'altezza predefinita è 150 px.
nome testo Dà il nome all'iframe. L'attributo name è importante se vuoi creare un collegamento in un frame.
frameborder 1 o 0 Definisce se l'iframe deve avere un bordo o meno. (Non supportato in HTML5).
Larghezza Pixel Definisce la larghezza della cornice incorporata e la larghezza predefinita è 300 px.
src URL L'attributo src viene utilizzato per fornire al nome del percorso o del file il contenuto da caricare nell'iframe.
sabbiera
Questo attributo viene utilizzato per applicare restrizioni aggiuntive al contenuto del frame
moduli consentiti Consente l'invio del modulo se questa parola chiave non viene utilizzata, l'invio del modulo viene bloccato.
consentire-popup Abiliterà i popup e, se non applicato, non si aprirà alcun popup.
consenti-script Abiliterà l'esecuzione dello script.
consentire la stessa origine Se viene utilizzata questa parola chiave, la risorsa incorporata verrà trattata come scaricata dalla stessa origine.
srcdoc L'attributo srcdoc viene utilizzato per mostrare il contenuto HTML nell'iframe in linea. Sostituisce l'attributo src (se un browser lo supporta).
scorrimento
Indica che il browser dovrebbe fornire o meno una barra di scorrimento per l'iframe. (Non supportato in HTML5)
auto La barra di scorrimento viene visualizzata solo se il contenuto di iframe è più grande delle sue dimensioni.
Mostra sempre la barra di scorrimento per l'iframe.
NO Non mostra mai la barra di scorrimento per l'iframe.