Frame HTML consentono agli sviluppatori Web di visualizzare più pagine Web, visualizzazioni o componenti di pagina in una singola finestra del browser. Spesso, fotogrammi vengono utilizzati per separare i componenti di pagina Web, come banner e contenuti e permettono la manipolazione di ogni sezione in modo indipendente. Set di frame, o un raggruppamento di cornici, può essere definito di righe o colonne o qualsiasi combinazione dei due. Una volta inserito in un frame all'interno di un set di frame, le pagine Web incluse diventano parte dell'interfaccia utente globale e può essere programmate per l'interazione.
Istruzioni
1
Aprire un editor di testo e creare un file denominato pageInsideFrame1.html. Aggiungere un tag "< html >", un tag "< head >", un tag "< / head >", un "< body >" tag e un tag "< / body >" e un "< / html >" tag per i file. Inserire un tag "< title >" tra il "< head >" e "< / head >" tag, assegnare alla pagina il titolo "Page Inside Frame 1" e chiudere il tag "< / title >". Un tag "< h1 >" tra il "< body >" e "< / body >" tag e dare la pagina l'intestazione "Page Loaded nel Frame 1." Chiudere la "< / h1 >" tag e salvare e chiudere pageInsideFrame1.html.
< html >
< head >
< title > pagina all'interno di Frame 1 < / title >
< / head >
< corpo >
< h1 > Page Loaded nel fotogramma 1 < / h1 >
< / body >
< / html >
2
Utilizzare l'editor di testo per creare un secondo file denominato pageInsideFrame2.html. Aggiungere un tag "< html >", un tag "< head >", un tag "< / head >", un "< body >" tag e un tag "< / body >" e un "< / html >" tag per i file. Inserire un tag "< title >" tra il "< head >" e "< / head >" tag, assegnare alla pagina il titolo "Page Inside Frame 2" e chiudere il tag "< / title >". Un tag "< h1 >" tra il "< body >" e "< / body >" tag e dare la pagina l'intestazione "Page Loaded nel fotogramma 2." Chiudere la "< / h1 >" tag e salvare e chiudere pageInsideFrame2.html.
< html >
< head >
< title > pagina all'interno di Frame 2 < / title >
< / head >
< corpo >
< h1 > Page Loaded in Frame 2 < / h1 >
< / body >
< / html >
3
Utilizzare l'editor di testo per creare un terzo file denominato frameHolder.html. Aggiungere un tag "< html >", un tag "< head >", un tag "< / head >", un "< body >" tag e un tag "< / body >" e un "< / html >" tag per i file. Inserire un tag "< title >" tra il "< head >" e "< / head >" tag, assegnare alla pagina il titolo "Pagina di Frame" e chiudere il tag "< / title >". Inserire un tag "< frameset >" tra il "< body >" e "< / body >" tag. Impostare le righe"di frameset" attribuiscono "150, *" per indicare il set di frame deve avere due colonne: uno che è di 150 pixel di larghezza e uno che dovrebbe essere largo quanto il resto della pagina Web. Chiudi il "< / frameset >" tag e salvare frameHolder.html.
< html >
< head >
< title > Frame pagina < / title >
< / head >
< frameset cols = "150, *" >
< / frameset >
< / body >
< / html >
4
Inserire un tag "< frame >" tra il "< frameset >" e "< / frameset >" tag. Impostare il valore del fotogramma "src" a "pageInsideFrame1.html." Questo tag indica che il primo fotogramma (150px) deve caricare la pagina pageInsideFrame1.html.
< html >
< head >
< title > Frame pagina < / title >
< / head >
< frameset cols = "150, *" >
< telaio tag nel file tra il "< frameset >" e "< / frameset >" tag. Impostare il valore del fotogramma "src" a "pageInsideFrame2.html." Salvare e chiudere frameHolder.html. Questo tag indica che il secondo fotogramma (*) deve caricare la pagina pageInsideFrame2.html.
< html >
< head >
< title > Frame pagina < / title >
< / head >
< frameset cols = "150, *" >
< telaio src="pageInsideFrame1.html" >
< telaio src="pageInsideFrame2.html" >
< / frameset >
< / body >
< / html >
6
FrameHolder.html aperto in un browser Web. Verificare che i due telai di carico con gli attributi previsti. Verificare il primo fotogramma carica pageInsideFrame1.html e il secondo fotogramma carica pageInsideFrame2.html.
Consigli & Avvertenze
- Utilizzare la "< noframes >" e "< / noframes >" tag per consegnare un messaggio o una pagina alternativa per i browser che non supportano i frame.
- Set di frame non consentiti in XHTML Strict o Transitional DOCTYPE.
- Cornici possono non essere disponibili nelle future versioni di HTML.
- Stampa di pagine HTML che utilizzano il set di frame può essere problematico.
- Motori di ricerca possono avere problemi di visualizzazione di pagine Web con frame correttamente.