Iframes, o frame interni, sono un tipo di telaio che visualizzano una pagina all'interno di una pagina sul tuo sito Web. Anche se i codici iframe sono spesso destinati per l'utilizzo con Internet Explorer, è possibile aggiungerli al tuo sito Web per funzionare con una varietà di browser, tra cui Firefox. Tuttavia, assicurarsi di utilizzare il codice corretto e seguire norme affinché gli iframe visualizzato correttamente.

Codice di base

Il codice di base iframe, che è compatibile con Firefox, richiede di indicare l'URL della pagina Web che si desidera visualizzare nel frame. Sintassi di esempio sono come segue:

< iframe src="page.html" >< / iframe >

In genere, il codice iframe include anche dimensioni in modo che tuo iframe vengono visualizzati all'interno di altezze e larghezze specifiche e non occupano l'intera pagina. Quando si imposta di altezze e larghezze, è possibile utilizzare un iframe per visualizzare contenuto sopra lo sfondo della tua pagina o addirittura aggiungere più iframe. Il seguente codice fa una piccola cornice con una larghezza di 400 pixel e un'altezza di 200 pixel.

< iframe src="page.html" altezza = "200" width = "400" >< / iframe >

Styling

Se si utilizza CSS, è possibile aggiungere stili e comportamento alla tuo iframe che appariranno in Firefox e altri browser. Ad esempio, è possibile modificare la struttura di base per uno che è esteticamente più gradevoli. È anche possibile utilizzare i CSS per specificare la larghezza e altezza, piuttosto che il normale HTML. Consideriamo il seguente esempio, che produce un solido bordo rosso attorno al frame.

< iframe src="page.html" style = "border: 1px rosso fisso; Larghezza: 200; Altezza: 200;" >< / iframe >

Oltre a questo, è possibile utilizzare CSS per rimuovere completamente il bordo, anziché utilizzare la proprietà di "frontiera" nel codice. Mentre questa proprietà funzionerà in Firefox, è possibile semplicemente rimuovere uno stile dal markup.

< iframe src="page.html" style = "border: 0; Larghezza: 200; Altezza: 200;" >< / iframe >

Considerazioni

Quando si sono abituati a lavorare con Internet Explorer, è possibile utilizzare strumenti come i filtri CSS, che non funzionano con Firefox. I filtri sono stati utilizzati per creare uno sfondo trasparente o un effetto di ombreggiatura, ad esempio. In genere, è possibile utilizzare CSS al posto dei filtri specifici del browser per ottenere effetti simili. Questo è il caso con la creazione di uno sfondo trasparente per tua iframe come nel codice seguente:

< iframe src="page.html" style = "opacità: 0; Filter:Alpha(Opacity=0);"src="page.html ">< / iframe >

Avviso

Se vi preoccupate per convalidare il codice iframe per assicurarsi che segue gli standard Web, è necessario utilizzare citazioni. Se si stanno convalidando il tuo markup per lo standard HTML 4.01, il tag "< center >" non funzionerà per centrare un elemento iframe. Al contrario, è necessario aggiungere la proprietà CSS "margine: auto" alla tua iframe.