Che cosa è un iframe in Dreamweaver?

June 28

Un frame in linea, o iframe, è un elemento HTML che permette di visualizzare un documento esterno in uno spazio di una pagina Web, che agisce come una finestra del browser mini all'interno della vostra pagina. Tutti i link nel contenuto visualizzati nella iframe apriranno nel iframe, se cliccato, lasciando il resto del contenuto della pagina inalterato. Se necessario, è possibile visualizzare un iframe senza bordo o le barre di scorrimento, che permette l'iframe per fondersi perfettamente con la vostra pagina web.

Che cosa è Iframe?

Un elemento IFRAME HTML è incluso nella tua pagina utilizzando il tag HTML <iframe>, e può visualizzare il contenuto da un'altra pagina sul tuo sito web, o da un sito web di terze parti. È possibile aggiungere il tag iframe al codice sorgente HTML manualmente, o se si utilizza Adobe Dreamweaver clic sul menu "Inserisci", quindi selezionare "HTML"> "Frames"> "Iframe" per inserire un iframe nella pagina. Gli attributi più comunemente usati sono l'attributo "src", che contiene l'URL del contenuto da visualizzare, e l'attributo "id", utilizzato per fare riferimento iframe utilizzando JavaScript o CSS. Per esempio:

<Iframe src = "http://www.domain.com/page.html&quot; id =" MyFrame ">. Questo testo viene visualizzato se il browser non supporta gli iframe </ iframe>

styling Iframe

Il tag iframe include una altezza e attributo width, che consente di specificare l'altezza e la larghezza del iframe in pixel o in percentuale del contenitore principale. HTML4 supporta anche l'attributo frameborder, che può essere impostato su 0 per nascondere il confine iframe, o 1 per visualizzare il bordo. Si può anche lo stile del iframe e impostare l'altezza e la larghezza utilizzando i CSS, che consente di mantenere il vostro stile sito separato dal codice HTML utilizzato per visualizzare la pagina.

HTML 5

Anche se il tag frame HTML è stato deprecato in HTML5, il tag iframe è ancora disponibile, anche se i suoi attributi sono stati modificati. L'attributo frameborder è obsoleto e sostituito con l'attributo senza soluzione di continuità. Al momento della pubblicazione, non tutti i browser supportano questo attributo, ma è possibile rimuovere il bordo impostando la larghezza del bordo a "0" e il colore di "trasparente" usando i CSS. Il nuovo attributo sandbox consente di impostare restrizioni sul contenuto che l'iframe in grado di visualizzare, per esempio consentendo solo il contenuto della stessa origine, e se consentire script in iframe per eseguire.

Considerazioni Iframe

Iframe sono utili per condividere contenuti tra i domini, e comunemente usati per inserire annunci pubblicitari o forme provenienti da fonti esterne in pagine web. Questo prevede il trasporto di un rischio però, come si efficacemente consegnare il controllo del contenuto nella pagina Web a terzi. Ad esempio, alcuni siti Internet hanno involontariamente servito di malware ai propri utenti attraverso la visualizzazione di annunci pubblicitari di terze parti. È inoltre necessario chiedere l'autorizzazione dalla sorgente prima di visualizzare contenuti di terze parti. Si dovrebbe anche essere consapevoli che iframe potrebbero causare problemi con alcuni dispositivi come lettori di schermo e telefoni cellulari a causa delle loro dimensioni piccolo schermo.


Articoli Correlati