Iframe (cornice interna).

Abbiamo visto nella lezione precedente come poter suddividere all'occorrenza una pagina web in più finestre (cornici) ognuna delle quali richiamava una propria pagina web risultando di fatto come una sola ed unica pagina. Vediamo adesso come richiamare sempre una pagina esterna facendo uso di iframe, praticamente un frame interno che non altera la struttura principale perché consente semplicemente un richiamo a questa pagina più o meno come avviene per l'inserimento di una immagine.

Gli Iframes altro non sono che dei frames in linea, in qualsiasi punto della pagina è possibile creare un iframe e richiamare così al suo interno un'altra pagina.

Nel caso di iframe non è necessario usare una DOCTYPE DTD con dichiarazione frameset perchè non si tratta di una struttura a frames vera e propria ma di una normale pagina transitional o strict che incorpora o include un frame.

L'elemento <iframe> col relativo elemento di chiusura </iframe> ha diversi attributi, alcuni di questi sono indispensabili: src (source) che richiama la pagina html vera e propria. name o id che attribuiscono un nome all' iframe in modo da poterlo usare per richiamare al suo interno una pagina da un link, vedremo più avanti come fare con target. scrolling con auto o yes o no per la barra di scorrimento laterale, se non specificato si intende auto. frameborder con valori 0 o 1 per nascondere o mostrare il bordo. marginwidth e marginheight per la distanza in pixel dal margine laterale sinistro e distanza in pixel dal margine superiore. Vediamo un esempio, questo il codice xhtml:

Questo il risultato:

Vediamo lo stesso codice adoperato per l'esempio sopra ma con l'attributo frameborder impostato a 0

Ancora lo stesso codice adoperato per l'esempio sopra con frameborder = 0 e scrolling = no

Ricordatevi i nomi che avete assegnato ai vostri iframes, e per nomi intendo quelli specificati con l'attributo name e id, saranno questi nomi che se dichiarati all'interno dell'attributo target, che abbiamo visto per i links, decideranno su quale degli iframes aprire e richiamare quanto associato al link stesso. Provate a fare clik su questo link, la pagina richiamata si aprirà sull'iframe immediatamente sopra. Con questo link rimetteremo la pagina originale. L'uso di target è deprecato nella forma strict di xhtml.

Con questa lezione avete imparato ad introdurre all'interno di una vostra pagina web un'altra pagina web facendo in modo che risulti come se fosse una sola ed unica pagina.

Ormai siamo alla fine e nella prossima lezione, vedremo come inserire effetti speciali quali: audio, applets, scripting.