Frame HTML

Utilizzando i riquadri, è possibile visualizzare più di una pagina nella stessa finestra del browser.

Esempio

Riquadro verticale
Esempio di questo esempio: come creare un riquadro verticale utilizzando tre documenti diversi
Riquadro orizzontale
Esempio di questo esempio: come creare un riquadro orizzontale utilizzando tre documenti diversi

(Troverai più esempi nella parte inferiore di questa pagina)

Riquadro

Utilizzando i riquadri, è possibile visualizzare più di una pagina nello stesso finestra del browser. Ogni documento HTML è chiamato un riquadro e ciascuno è indipendente dagli altri riquadri.

Svantaggi dell'uso dei riquadri:

  • Gli sviluppatori devono monitorare contemporaneamente più documenti HTML
  • È difficile stampare l'intera pagina
Il tag di struttura del riquadro (<frameset>)
  • Il tag di struttura del riquadro (<frameset>) definisce come dividere la finestra in riquadri
  • Ogni frameset definisce una serie di righeOColonna
  • I valori di rows/columns determinano l'area dello schermo occupata da ogni riga o colonna

Nota dell'autore:Il tag frameset è anche tradotto in alcuni articoli e libri come riquadroset.

Tag riquadro (Frame)

Il tag Frame definisce il documento HTML posizionato in ogni riquadro.

Nell'esempio seguente, abbiamo impostato un riquadro a due colonne. La prima colonna è impostata per occupare il 25% della finestra del browser. La seconda colonna è impostata per occupare il 75% della finestra del browser. Il documento HTML "frame_a.htm" è posizionato nella prima colonna, mentre il documento HTML "frame_b.htm" è posizionato nella seconda colonna:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Attenzioni di base - suggerimenti utili:

Se un riquadro ha bordi visibili, l'utente può trascinare i bordi per cambiarne la dimensione. Per evitare questo, è possibile aggiungere nel tag <frame>: noresize="noresize".

Aggiungere il tag <noframes> per i browser che non supportano i frame.

Suggerimento importante:Non è possibile utilizzare contemporaneamente i tag <body></body> e <frameset></frameset>! Tuttavia, se si aggiunge un tag <noframes> che contiene un testo, questo testo deve essere incluso all'interno dei tag <body></body> (è possibile vedere come viene fatto nell'esempio seguente).

Più esempi

Come utilizzare il tag <noframes>
Questo esempio dimostra come utilizzare il tag <noframes>.
Struttura di frame mista
Questo esempio dimostra come creare una struttura di frame che contiene tre documenti, mescolando loro in righe e colonne.
Struttura del frame con l'attributo noresize="noresize"
Questo esempio dimostra l'attributo noresize. In questo esempio, i frame non possono essere ridimensionati. Trascinando il mouse sui bordi dei frame, noterai che i bordi non possono essere spostati.
Frame di navigazione
Questo esempio dimostra come creare un frame di navigazione. Il frame di navigazione contiene una lista di link che puntano al secondo frame come obiettivo. Il file "contents.htm" contiene tre link.
Frame inline
Questo esempio dimostra come creare frame inline (frame all'interno di una pagina HTML).
Saltare a una sezione specifica all'interno di un frame
Questo esempio dimostra due frame. Uno di questi frame ha un link che puntano a una sezione specificata in un altro file. Il file "link.htm" specifica una sezione utilizzando <a name="C10">.
Utilizzare la navigazione dei frame per saltare alla sezione specificata
Questo esempio dimostra due frame. Il frame di navigazione a sinistra contiene una lista di link, che puntano al secondo frame come obiettivo. Il secondo frame mostra il documento collegato. I link nel frame di navigazione puntano alla sezione specificata nel file di destinazione.