IFRAME: Cosa sono, come crearli e come gestirli. Gli attributi che li caratterizzano.
ALLWEB free
Web Directory Script Linguaggi
Italiano Inglese Tutte
 
 21 Oct 2014
aggiungi in preferiti  
Home    Mappa directory    Script




Iframe:

Un IFRAME è una finestra dove si può visualizzare un'altra pagina web, in pratica non è altro che un FRAME incorporato in un'altra pagina.

Gli IFRAME sono nati con Internet Explorer, ed inizialmente non erano compatibili con altri browser.
Il loro contenuto potrebbe non essere visibile ai motori di ricerca e per questo motivo suggeriamo di integrare gli IFRAME in una pagina sole se non è una possibile un'altra soluzione.

Esempio:


Vediamo il codice:
<iframe src="secondo.html" height="200" width="300">
</iframe>

Attributi:
src=" " La pagina sorgente.
width=" " Larghezza.
height=" " Altezza.
scrolling=" " Barra di scorrimento laterale, può essere yes o no.
frameborder=" " Bordo laterale, può essere 0 o 1. (1 in default)
marginwidth=" " Forza il rientro margini in altezza della pagina sorgente.
marginheight=" " Idem sopra in larghezza.
hspace=" " Forzatura margini rispetto al foglio esterno.
vspace=" " Idem sopra.
align=" " Allineamento rispetto al foglio esterno. può essere left, right, top, bottom(basso) o middle(centro).
name=" " Assegna un nome all'iframe, utile per aprire link con target="nomeiframe"



TARGET:

L'attributo target è importante per realizzare i collegamenti 'in' e 'dal' iframe.

Per madare un collegamento all'interno di un iframe:
<a href="nomepagina" target="nome iframe">nome collegamento</a>

Per mandare un collegamento fuori dall'iframe:
<a href="nomepagina" target="_parent">nome collegamento</a>

Per aprire una nuova pagina dall'iframe:
<a href="nomepagina" class="blank">nome collegamento</a>

Clicca qui per vedere un esempio (a fine pagina).



Esempi:




Codice:
<iframe src="quarto.html" height="200" width="300" scrolling="no" frameborder="0">
</iframe>




Codice:
<iframe src="secondo.html" height="200" width="300" marginwidth="50" marginheight="50">
</iframe>




Codice:
<iframe src="secondo.html" height="200" width="300" hspace="70" vspace="10">
</iframe>















Codice:
<iframe src="secondo.html" height="200" width="300" align="right" name="ciao">
</iframe>

Esempio target Prova a cliccare qui e guarda il cambiamento dell'ultimo iframe.
Questo è il codice:
<a href="terzo.html" target="ciao">qui</a>