Come e quando utilizzare gli IFrame

I frame in linea includono contenuti provenienti da fonti esterne sulle tue pagine

I frame inline, solitamente chiamati semplicemente iframes , sono l'unico tipo di frame consentito in HTML5. Questi frame sono essenzialmente una sezione della tua pagina che "ritaglia". Nello spazio che hai ritagliato dalla pagina, puoi quindi inserire una pagina web esterna.

In sostanza, un iframe è un'altra finestra del browser impostata all'interno della tua pagina web. Vengono visualizzati iframe di codice comunemente utilizzati sui siti Web che devono includere contenuti esterni come una mappa di Google o un video di YouTube. Entrambi questi siti Web popolari utilizzano iframe nel loro codice di incorporamento.

Come utilizzare l'elemento IFRAME

Finestra del browser
filo / Getty Images

L'elemento utilizza gli elementi globali HTML5 e molti altri elementi. Quattro sono anche attributi in HTML 4.01:

  • l'URL dell'origine del frame,
  • l'altezza della finestra,
  • la larghezza della finestra e
  • il nome della finestra.

Tre sono le novità in HTML5:

  • Srcdoc : l'HTML per l'origine del frame. Questo attributo ha la precedenza su qualsiasi URL nell'attributo src .
  • Sandbox : un elenco di funzioni che dovrebbero essere consentite o non consentite nella finestra cornice.
  • Seamless : dice all'interprete che l'iframe deve essere visualizzato come se fosse invisibilmente parte del documento principale.

Per creare un semplice iframe, imposta l'URL di origine e la larghezza e l'altezza in pixel:

<iframe src="https://www.example.com" width="200" height="200"></iframe>

Utilizzare una percentuale anziché una dimensione stabilita in pixel per un sito Web reattivo le cui dimensioni dovrebbero cambiare con dimensioni dello schermo diverse.

Supporto del browser Iframe

L' elemento iframe è supportato da tutti i moderni browser desktop e mobili. Tuttavia, alcuni browser non rispondono ancora in modo coerente ai tre nuovi attributi HTML5 per questo elemento.

Iframe e sicurezza

L' elemento iframe , di per sé, non rappresenta un rischio per la sicurezza per te o per i visitatori del tuo sito. Gli iframe hanno una cattiva reputazione perché possono essere utilizzati da siti Web dannosi per includere contenuti che possono infettare il computer di un visitatore senza che questi lo vedano nella pagina, incorporando collegamenti che puntano all'iframe invisibile e quegli script attivano codice dannoso.

Alcuni virus informatici iniettano un iframe invisibile nelle tue pagine web, trasformando di fatto il tuo sito web in una botnet.

I visitatori del tuo sito sono sicuri solo quanto il contenuto di tutti i siti a cui ti colleghi. Se hai motivo di pensare che un sito non sia affidabile, non collegarti in alcun modo.

Formato
mia apa chicago
La tua citazione
Kyrnin, Jennifer. "Come e quando utilizzare gli IFrame". Greelane, maggio. 25, 2021, thinkco.com/when-to-use-iframes-3468667. Kyrnin, Jennifer. (2021, 25 maggio). Come e quando utilizzare gli IFrame. Estratto da https://www.thinktco.com/when-to-use-iframes-3468667 Kyrnin, Jennifer. "Come e quando utilizzare gli IFrame". Greelano. https://www.thinktco.com/when-to-use-iframes-3468667 (accesso il 18 luglio 2022).
  • Logo HTML5 sullo schermo
    Informatica
    Nuovi attributi HTML5 dell'elemento IFRAME
  • Icona della luce al neon del file SVG
    Informatica
    Come inserire la grafica SVG nella tua pagina web
  • Codice HTML per la creazione di un modulo web
    Informatica
    Targeting di collegamenti in IFrame e frame HTML
  • Non una cornice HTML ma piuttosto una cornice vuota su una parete della galleria
    Informatica
    Le ultime novità sui frame HTML
  • Due uomini che codificano sui computer
    Informatica
    Come applicare uno stile agli IFrame con CSS
  • Vista laterale dell'uomo che lavora in ufficio
    Informatica
    Utilizzo degli attributi degli elementi TABLE HTML
  • Colpo dall'alto dell'uomo al computer portatile
    Informatica
    Attributi dei tag IMG HTML
  • Donna che lavora al computer
    Informatica
    Aggiungere immagini alle tue pagine web
  • Donna che utilizza il computer
    Informatica
    Aggiungi file MP3 ai siti web
  • Foto aerea del blogger che digita sul laptop
    Informatica
    Come aggiungere un feed RSS a una pagina Web
  • Due donne che presentano web design
    Informatica
    Come trovare i codici o gli URL per le immagini Web
  • Logo blogger
    Informatica
    Come utilizzare i video su Blogger
  • Progettazione di pagine Web sullo schermo del computer macbook pro su una scrivania
    Informatica
    Come costruire la tua prima pagina web
  • HTML5
    Informatica
    Utilizzo di HTML5 per visualizzare video nei browser correnti
  • Scimmia di mare
    Informatica
    I 7 migliori editor HTML WYSIWYG di Windows del 2022
  • Codice PHP
    Informatica
    Come utilizzare al meglio i tag Meta Charset per la codifica dei caratteri in HTML5