Frame - esempi e annidamento:
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.
<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>
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.
<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>
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.<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>