Come annidare più frame nella stessa pagina
ALLWEB free
Directory Web Script Linguaggi
Italiano Inglese Tutte
 
 18 Jan 2017
aggiungi in preferiti  
Home    Mappa directory    Script




Frame - esempi e annidamento:

Il linguaggio HTML prevede che i tag FRAME possano essere annidati fra loro.
In pratica un FRAME ne può contenere un'altro e via di seguito fino a generare il layout desiderato.
Il sito che generiamo sarà caratterizzato da più pagine unite in una, con tutte le caratteristiche grafiche proprie dei FRAME.

Ripetiamo nuovamente che i FRAME sono analizzati difficilmente dai motori di ricerca, pertanto dove è possibile è necessario non utilizzarli.



Esempi con codici:

Gli esempi che seguono non includono pagine reali, pertanto cliccando sulla pagina di esempio vedrete solo delle pagine di errore del browser annidate con la tecnica dei FRAME.

<html>
<head>
<meta...>
</head>
<frameset cols="20%,80%">
<frame name="uno" src="uno.html" scrolling="auto">
<frameset rows="25%,75%">
<frame name="due" src="due.html" scrolling="auto">
<frame name="tre" src="tre.html" scrolling="auto">
</frameset>
</frameset>
<body>
<noframes>
Spiacente il tuo browser non supporta i frames
</noframes>
</body>
</html>
Per vedere l'esempio in oggetto premi qui.

Basterebbe inserire altre tre righe per ottenere un'altro effetto:
</head>
<frameset cols="20%,80%">
<frame name="uno" src="uno.html" scrolling="auto">
<frameset rows="25%,75%">
<frame name="due" src="due.html" scrolling="auto">
<frameset cols="50%,50%">
<frame name="tre" src="tre.html" scrolling="auto">
<frame name="quattro" src="quattro.html" scrolling="auto">
</frameset>
</frameset>
</frameset>
<body>
Per vedere l'esempio in oggetto premi qui.

Oppure potremo scrivere:
</head>
<frameset cols="20%,20%,20%,40%">
<frame name="uno" src="uno.html" scrolling="auto">
<frame name="due" src="due.html" scrolling="auto">
<frame name="tre" src="tre.html" scrolling="auto">
<frameset rows="50%,50%">
<frame name="quattro" src="quattro.html" scrolling="auto">
<frame name="cinque" src="cinque.html" scrolling="auto">
</frameset>
</frameset>
<body>
Per vedere l'esempio in oggetto premi qui.