Iframe. Tag HTML che permette di integrare una pagina web

L'iframe, ossia Inline Frame, viene utilizzato per inserire ed integrare una pagina web all'interno di un'altra pagina web, in questo modo è possibile far vedere una pagina o una parte di essa (che può anche risiedere su un altro server) all'interno di una cornice (frame). La comodità di questo tag è che si integra perfettamente con la pagina web di destinazione facendola sembrare come parte della stessa. Per capire meglio di cosa si tratta andiamo a fare un esempio concreto. Questo è il codice che viene integrato all'interno della nostra pagina web:

<iframe
src="http://www.miosito.com/pagina-frame.html"
scrolling="no"
frameborder="0"
align=left
marginheight="0px"
marginwidth="0px"
height="170"
width="140">
<p>Il tuo browser non supporta gli iframe.</p>
</iframe>

HTML iframe che permette di integrare una pagina web

Facendo riferimento all'immagine analizziamo il codice. Linea 9: apre il tag iframe. Linea 10: indica il percorso della pagina che vogliamo visualizzare nella cornice (frame). Il percorso può essere assoluto o relativo. Linea 11: indica se ci devono essere barre di scorrimento. Può ricevere valori: yes-no-auto. Linea 12: indica se deve comparire un bordo intorno al frame. Come valore può ricevere 0-1. Linea 13: indica l'allineamento che deve assumere l'iframe. Può essere left, right, top, middle, o bottom, rispetto al contenitore dove verrà inserito (es. tabella o div). Linea 14: specifica i margini superiore e inferiore che deve avere l'iframe. Linea 15: specifica i margini destro e sinistro che deve avere l'iframe. Linea 16 e 17: indicano, rispettivamente, l'altezza e la larghezza dell'iframe. Linea 18: è un commento che si visualizza nel remoto caso in cui il browser del visitatore non dovesse supportare gli iframe. Linea 19: chiusura del tag iframe.
Naturalmente l'iframe supporta anche altri attributi.

Categorie


Valuta questo sito
  • Twitter
  • LinkeIn
  • Youtube