Breve spiegazione sugli iFrame, con esempio grafico
Il termine iframe significa 'quadro in linea'. I TAG iframe permettono di aprire "finestre" all‘interno della pagina, con contenuti indipendenti dal resto del documento. Spiego come funziona nella figura che con colori diversi indica zone di pagina definite da DIV:
Tra i TAG DIV che definiscono la zona di questo Menu inserisco un iframe che contiene la pagina di menu
tra i TAG < DIV > ...... </div > inserisco l'istruzione seguente
<iframe src="htmpages/simples/introduction.htm" name="rightside" id= "rightside" width="100%" height="575" frameborder="0" margin="0" scrolling="auto" overflow-style="visible"></iframe>
che pone inizialmente la pagina "introduction.htm" nell'iframe che ho chiamato con il nome di "rightside". Si faccia attenzione al link perché l'indirizzo delle pagina suddetta è preso a partire dove risiede la pagina che mostriamo qui. Nota: l'iframe ha la stessa larghezza e altezza della DIV
Tramite link nelle voci di menu o altrove, si può cambiare il contenuto di una finestra con altra pagina dando come TARGET il nome dell'Iframe, esattamente come in questa Homepage. Attenzione a come si assegna l'indirizzo al link. Ecco un esempio di link:
<a href="../simples/introduction.htm" target="rightside">Introduzione</a>