Gli ultimi tutorial di sviluppo web

HTML iframe


Un IFRAME viene utilizzato per visualizzare una pagina web all'interno di una pagina web.


telaio Descrizione

Frame consentono una finestra visiva HTML del browser per essere diviso in segmenti, ognuno dei quali può mostrare un documento diverso. Questo può ridurre l'utilizzo di banda, come parti ripetitive di un layout possono essere utilizzati in un frame, mentre il contenuto variabile viene visualizzato in un'altra.

Questo può venire ad un certo costo usabilità, soprattutto nei programmi utente non visuali, la visualizzazione adiacenti l'uno all'altro e di essere autorizzato ad interagire con la stessa finestra padre a causa di documenti separati e indipendenti (o siti web).

A causa di questo costo, frames (escluso l'elemento IFRAME) sono ammessi solo in HTML 4.01 Frame-set.

Iframe possono anche contenere i documenti su server diversi. In questo caso l'interazione tra le finestre è bloccato dal browser.


Iframe Sintassi

La sintassi per l'aggiunta di un iframe è:

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

Lo src attributo specifica l'URL (web address) della pagina iframe.


Iframe - Set Altezza e larghezza

Utilizzare l'altezza e la larghezza attributi per specificare le dimensioni.

I valori degli attributi sono specificati in pixel per impostazione predefinita, ma possono anche essere in percentuale (like "80%") .

Esempio

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
Prova tu stesso "

Iframe - rimuovere il bordo

Per impostazione predefinita, un IFRAME ha un bordo nero intorno ad esso.

Per rimuovere il bordo, aggiungere l' style di attributo e utilizzare la proprietà border CSS:

Esempio

<iframe src="demo_iframe.htm" style="border:none"></iframe>
Prova tu stesso "

Con i CSS, è possibile anche modificare la dimensione, lo stile e il colore del bordo del iframe:

Esempio

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
Prova tu stesso "

Utilizzare iframe come destinazione di un link

Un iframe può essere usato come il frame di destinazione per un collegamento.

L' target attributo del collegamento deve fare riferimento al name attributo del iframe:

Esempio

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
Prova tu stesso "

HTML tag iframe

Etichetta Descrizione
<iframe> Definisce un frame

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4»