Guida agli iframe

Band

Posted on 7/7/2012, 12:01

+1

.

User deleted

Cos' è un iframe?

Un iframe o Inline Frame è un tag che permette di inserire dentro una pagna web un' altra pagina web; a differenza degli frame può essere inserito dove pare.
L' iframe, oltre a src, possiede moltri altri attributi e noi li andremo ad analizzare tutti.

Guida all' utilizzo

Innanzitutto vi farò vedere un esempio di iframe completo e insieme analizzeremo la sua stuttura...

HTML

<iframe width "100" height"100" src="LINK PAGINA WEB" frameborder="0" scrolling="No" marginheight="100" marginheight="100" align="center" name="forumfree" target="forumfree">
Codici per compatibilità
</iframe>

Analizziamo i codici

Width e Height (larghezza e altezza)

Questi due tag corrispondono all' altezza e alla larghezza dell' iframe che verrà visualizzato sulla vostra pagina; 100 invece corrisponde alla larghezza o altezza espressa in pixel, queste possono anche essere espresse in percentuale es: 100%.

Src (search)

Src o search è l' attributo che determina la pagina web da cercare, questa sarà visualazzata a modifica completata. (ES: <iframe src= www.forumfree.net)

Codici per compatibilità

In questa stringa dovrete inserire i codici per far funzionare gli iframe sui bowser e i dispositivi che non gli supportano. ( Vecchi browser o dispositivi mobili) Questa stringa rimane comunque opzionale.

Frameborder

Questo tag inidca il bordo che verrà visualizzato nell' iframe, se si lascia 0 come opzione non ci sarà alcun bordo mentre se si imposta 1 verrà inserito il bordo predefinito.
è comunque possibile modificare i bordi tramite i css, ecco un codice esempio

HTML

<iframe frameborder="0" style="border 0px;"></frame>

analiziamo style: style indica lo stile dell' iframe, in queto caso noi useremo il tag border (ovvero quello del bordo), al posto di 0px dovrete mettere il numero di pixel che faranno da bordo all' iframe.

Scrolling

Il tag scrolling serve per le barre di scorrimento, queste possono essere usate per raggruppare elementi molto grandi e ridurne il loro spazio in modo da non alterare il topic. Come opzoni potrete inserire:
No: se non si desidera avere la scrollbar
Yes: se si desidera avere la scrollbar
Auto: verrà impostata automaticamente

Marginwidth e Marginheight

I tag marginwidth e marginheight accettano valori numerici che corrispondono a pixel, forzano il rientro sui lati: destro e sinistro, alto e basso.Al posto di 100 dovrete impostare il valore desiderato.

Align

Align è il tag che permette di allineare l' iframe nella pagina, gli allineamenti possibilii sono quattro
Right: allinea a destra
Left: allinea a sinistra
Center: allinea in centro
Justify: allineamento giustificato

Name

L'attributo NAME è importante nel caso in cui volessimo aprire dei link all' interno dell' iframe, serve per assegnare un nome ad iframe il quale sarà la destinazione di collegamenti da altri links tramite l'attributo TARGET.
Dovremo infine assegnare l' attributo target ai links che volgiamo vengano visualizzati.

©Guida relaizzata da Band per Firework Resources, vietata lacopia senza permesso

Edited by Band - 9/7/2012, 13:25