Cos'è un'immagine in linea?
Un'immagine in linea è un'immagine grafica che viene inserita in una pagina Web per aggiungere ricorso visivo, fornire informazioni o rappresentare un collegamento ipertestuale. Le immagini in linea sono generalmente nei formati GIF, JPEG o PNG. Sono incorporati in una pagina Web utilizzando lo schema URI di dati.
I dati URI consentono l'incorporamento di dati di piccole dimensioni che possono essere immediatamente recuperati dal browser. Le immagini in linea vengono recuperate dal browser insieme all'HTML e visualizzate come parte del documento Web. Affinché il browser sia in grado di recuperare e visualizzare le immagini senza troppo tempo e problemi, è consigliabile utilizzare immagini inline di piccole dimensioni.
Immagini più grandi rallenterebbero il tempo di caricamento e causano che il sito impieghi molto tempo sullo schermo. La maggior parte dei visitatori di web non ha la pazienza di rimanere in giro per vederlo accadere. Ciò influirebbe negativamente sul traffico del sito.
Le immagini in linea HTML provengono dal server del sito Web in cui devono essere visualizzate o incluse da altri server esterni.L'uso di immagini in linea da fonti esterne è una questione di contesa in quanto ciò può essere fatto senza autorizzazione. Il tag IMG viene utilizzato per inserire immagini inline in paragrafi e intestazioni nella pagina Web. Il tag IMG non può essere utilizzato in una forma fluida. Deve essere racchiuso all'interno di un altro elemento.
L'attributo richiesto del tag IMG è l'attributo SRC. L'attributo SRC specifica l'indirizzo Web o l'URL da cui il browser può recuperare il file di immagine. Oltre all'attributo SRC, le immagini inline HTML possono essere definite da tre attributi opzionali. Questi sono alt, allinea e ismap.
L'attributo ALT fornisce un'alternativa di testo immagine in linea. Quindi, nel caso in cui il browser dello spettatore non supporti la grafica, lo spettatore vedrà il testo al posto dell'immagine. L'uso dell'attributo ALT è altamente raccomandato.
Il valore dell'attributo Alt può essere una stringa vuota. Ad esempio, se c'è un decorative immagine, non è necessario fornire un testo alternativo per essa. Pertanto, il valore dell'attributo alt può essere lasciato vuoto.
Lo stile di immagine inline può essere impostato con l'attributo di allineamento. L'attributo di allineamento indica al browser in cui l'immagine inline deve apparire in relazione al testo nella pagina web. L'immagine in linea può essere allineata con la parte superiore, centrale o inferiore del testo adiacente nella pagina web.
Con l'attributo ISMAP, un'immagine in linea può essere contrassegnata come una mappa di immagine attiva. Ciò significa che si possono fare diverse parti dell'immagine per produrre azioni diverse ogni volta che qualcuno fa clic sulle diverse parti. Ad esempio, se c'è un'immagine in linea che mostra Terra e Saturno, fare clic sulla Terra può portare a informazioni sulla Terra e fare clic su Saturno può portare a informazioni su Saturno.
A differenza degli attributi ALT e allineate, l'attributo ISMAP non funziona con la semplice inclusione nel tag IMG. Richiede una certa configurazione fatta sul server. Una certa quantità di conoscenza di programmazionePotrebbe anche essere richiesto DGE.