Gli iframe

Gli iframe sono degli elementi HTML con cui si può inserire una pagina web in un’altra pagina.

Come inserire un iframe

Per inserire un iframe si utilizza il tag <iframe> e il tag src=”valore” e come valore la pagina web da visualizzare.

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

Attributi per gli iframe

Negli iframe si possono inserire alcuni attributi utili a personalizzarlo.

Attributi generali

Come molti elementi, anche con gli iframe si possono inserire width e height.

<iframe src="pagina.html" width="300px" height="100px"></iframe>

L’attributo target

Questo attributo, già visto nelle lezioni precedenti, può essere utilizzato all’interno di un link per aprirlo in un iframe. Si utilizza name=”valore” per inserire il nome dell’iframe

<iframe src="pagina.html" name="iframe-prova"></iframe>
<a href="pagina.html" target="iframe-prova">Apri qui</a>

Bloccare lo scrolling

Per iframe che superano le dimensioni indicate con width e height, puoi usare l’attributo scrolling=”no”. Con questo attributo, non sarà possibile scorrere verso in basso la pagina nell’iframe.

<iframe src="pagina.html" width="300px" height="100px" scrolling="no"></iframe>

Nascondere i bordi

Puoi nascondere i bordi standard degli iframe con un termine del linguaggio CSS: basta utilizzare l’attributo style=”valore” con il valore border:none.

<iframe src="pagina.html" width="300px" height="100px" style="border:none"></iframe>