Con i frame è possibile separare le pagine web in sezioni distinte, di qualsiasi dimensione, all’interno della finestra del browser, che talvolta posso essere ridimensionate.
Il contenuto di un frame può essere indipendente dagli altri, ma si può anche fare in modo che le azioni dell’utente in un frame influenzino il contenuto degli altri frame ( per esempio si può creare in un frame un menu di collegamenti e visualizzare le pagine scelte in un altro frame)
Per indicare che la pagina è divisa in frame si usa il tag <frameset> al posto del tag <body>; ogni frame deve essere definito con il tag <frame>
Gli attributi del tag <framset> sono:
- cols con valore un numero con o senza % o *; definisce numero e dimensione delle colonne da creare; un numero indica la larghezza della colonna in pixel; con il simbolo di percentuale indica la larghezza relativa della finestra del browser; * indica che il frame è proporzionale agli altri; si possono specificare più colonne racchiudendo tra virgolette le dimensioni in un elenco
- rows con valore un numero con o senza % o *; definisce numero e dimensione delle righe
- frameborder indica se i frame hanno un bordo ( valori: 1 bordo, 0 no bordo)
- border con valore qualsiasi numero intero; indica lo spessore del bordo per tutti i frame figli
Il tag <frame> controlla le caratteristiche di un particolare frame.
Per ogni riga o colonna definita nel frameset occorre avere un tag <frame> corrispondente. Il primo frame specificato da cols o rows è definito dal primo tag <frame>. Usando <framset> invece di <frame> si possono creare layout più complessi.
Gli attributi del tag <frame> sono:
- name con valore una stringa; permette di specificare il nome del frame per farvi riferimento
- src con valore un URL; specifica il file da visualizzare all’interno del frame; se non si specifica, il frame appare vuoto
- noresize (senzavalori); se presente evita che si possa ridimensionare il frame;
- scrolling con valori Yes, No, Auto; specifica se appare o meno la barra di scorrimento
- frameborder indica se il frame ha bordo (valori: 1 bordo , 0 senza bordo)
- marginheight con valore un numero intero; indica l’altezza dei margini superiori e inferiori in pixel
- marginwidth convalore un intero; indica la larghezza dei margini sinistro e destro in pixel
Nei collegamenti ipertestuali si può usare l’attributo target per specificare il nome del frame un cui visualizzare la pagina il cui URL è indicato nell’attributo href. L’attributo target può essere impostato con diversi valori speciali:
- _blank apre una nuova finestra con l’url specificato
- _parent apre l’url nel frame genitore di quello corrente
- _self sostituisce il frame in cui si trovava il collegamento
- _top visualizza l’URL nella finestra completa, eliminando i frame.
Per finire ecco un esempio pratico di frame:
<head><title>Prova frame</title></head>
<frameset cols="30%,70%">
<frame src="f1.html">
<frame name="frame2" src="f2.html">
</frameset>
</html>
