Corsi on-line
Chiudi
Newsletter:
  • Seguici su Facebook
  • Seguici su Twitter
  • Seguici su Google+
  • Seguici via RSS
  • Seguici col tuo Smartphone

I Frame

I frame sono un comodo (ma talvolta problematico) sistema di strutturazione del sito che consente nella creazione di una pagina "contenitore" di altre pagine fisiche.

A livello di codice HTML, infatti, un frameset non ha corpo ma solo i riferimenti alle pagine che comporranno il frameset stesso.

(L'articolo continua più sotto...)

Vediamo un semplice esempio:

<html>
<head>
<title>I frame HTML</title>
</head>

<frameset rows="100,*">
  <frame src="intestazione.html" name="intestazione">
  <frameset cols="200,*">
    <frame src="sommario.html" name="sommario">
    <frame src="contenuto.html" name="contenuto">
  </frameset>
</frameset>

</html>
Questo codice genera una pagina così strutturata:
E' possibile notare che in questo codice HTML manca il tag <body> dato che, abbiamo detto, un frameset non necessita di un corpo, essendo una pagina contenitrice di altre pagine.

Il tag frameset accetta i valori rows e cols per specificare, rispettivamente, l'altezza e la larghezza di un frame.

Nel tag vuoto frame va specificato il percorso della pagina da includere nel frameset ed un nome del frame stesso.

E' importante sapere che un link che deve puntare da un frame all'altro ha bisogno dell'attributo target per indicare il frame di destinazione.

Ad esempio:

<a href="pagina.html" target="contenuto">Pagina...</a>
Il link di esempio va, ad ipotesi, dal frame "sommario" al frame "contenuto".

Oltre ai frame tradizionali esistono i frame in linea costituiti dal tag iframe. Non si tratta di frameset ma di elementi veri e propri della pagina che permettono di inserire nella pagina reale un'altra pagina.

Vediamo un esempio e supponiamo di voler inserire (all'interno di una ipotetica pagina "index.html") una "finestra" su un altra pagina:

<iframe src="pagina.html" name="pagina"></iframe>
Volendo dare una rappresentazione grafica di ciò che abbiamo fatto:
E' possibile dimensionarli in altezza e larghezza, rispettivamente, con gli attributi height e width.

Per maggiori informazioni vi invito a leggere la referenza completa del tag IFRAME.

Corsi
Corso CSSCorso CSS
Web Design ed Accessibilità secondo il W3C con CSS ed XHTML. A partire da 29 €.
Corso HTMLCorso HTML
Il linguaggio di marcatura per il Web. A partire da 29 €.
Corso Web DesignCorso Web Design
Disegno di siti Web con HTML, CSS e Dynamic HTML. A partire da 39 €.
Sommario
Annunci

Mr.Webmaster

Pubblicità
Chi Siamo
Contattaci
Collabora
Note Legali
© 2003 - 2012 Mr.Webmaster - Il portale dei Webmaster Italiani - Tutti i diritti riservati | Powered by IKIweb Internet Media S.r.l. - PIVA 02848390122