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'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
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
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. | |
SÌ | Mostra sempre la barra di scorrimento per l'iframe. | |
NO | Non mostra mai la barra di scorrimento per l'iframe. |