Frameset Tutorial HTML

January 22

In HTML, si ha la possibilità di dividere una pagina web in "frames" che possono contenere diverse pagine Web incorporate all'interno. Queste pagine possono lavorare in combinazione tra loro per ottenere alcuni effetti pulito. L'elemento "frame" agisce come una sorta di contenitore per tutti i fotogrammi sulla tua pagina, e definisce quanto spazio ogni fotogramma assumerà.

Sintassi

Come la maggior parte degli elementi HTML, "frame" è costituito da un tag di apertura (<frameset>) e un tag di chiusura (</ frameset>). Tra i due tag sono i telai stessi, chiamati da una serie di elementi "telaio". (Elementi di telaio non richiedono tag di chiusura, ma alla fine ognuno di loro tag in "/>", che "auto-chiude" di loro.)

Dal set di cornici prendere in consegna l'intera pagina, sono utilizzati come un sostituto per l'elemento "corpo"; non ti è permesso di utilizzare l'elemento "corpo" se si sta utilizzando un set di frame.

Il seguente codice caratterizzerebbe una pagina che è diviso a metà con due telai, situato a frame1.html e frame2.html:

<Html>
<Head>
<Title> Set di frame Esempio </ title>
</ Head>
<frameset cols = "50%, 50%">
<Frame />
<Frame />
</ Frameset>
</ Html>

Righe e colonne

Frameset Tutorial HTML


L'esempio precedente utilizza un attributo di "colli" nel tag di apertura frame per dire al browser come dividere la pagina web - in questo caso, in due colonne che entrambi occupano il 50 per cento della pagina. È inoltre possibile utilizzare un attributo "fila". Utilizzato in combinazione, si può facilmente rompere la pagina in griglie.

Il seguente codice dovrebbe creare la griglia della pagina che si può vedere che accompagna questo passaggio:

<Html>
<Head>
<Title> Set di frame Esempio </ title>
</ Head>
<frameset cols = "30%, il 70%" rows = "15%, 30%, 45%, 10%">
<Frame />
<Frame />
<Frame />
<Frame />
<Frame />
<Frame />
<Frame />
<Frame />
</ Frameset>
</ Html>

Come si può vedere, i frame sono sempre in ordine da sinistra a destra e dall'alto verso il basso. In altre parole, il primo fotogramma si stato apparirà sempre nell'angolo in alto a destra.

Si ricorda inoltre che si può dare ad ogni fotogramma qualunque sia il nome del file che si desidera, e posto quello che vuoi in esso. Per questo esempio, ogni file frame separato doveva semplicemente un colore di sfondo luminoso diverso e un paragrafo che diceva: "Questo è frameX.html."

Note

Righe e colonne dimensioni possono essere indicate sia in percentuali, come sopra, o pixel. In quest'ultimo caso, è necessario indicare semplicemente un numero, come in:

Col = "300.250"

Dal momento che non si è mai sicuri di come larghezza o in altezza una finestra del browser sta per essere, è possibile utilizzare un asterisco alla fine della riga o colonna attributo che fondamentalmente significa "tutto il resto". Ad esempio, riga = "400,75, *" creerebbe una riga in alto che è alto 400 pixel, una fila centrale che è alta 75 pixel, e una fila di fondo che occupa tutto lo spazio che è rimasto.

Infine, in pratica, si noterà che gli utenti possono effettivamente regolare le dimensioni delle cornici stessi cliccando e trascinando i bordi del telaio. È possibile evitare questo aggiungendo l'attributo "noresize" per ogni fotogramma:

<Cornice noresize = "noresize" />