Cosa sono le grafiche HTML?
In HyperText Markup Language (HTML), esistono diversi modi per visualizzare e creare elementi grafici in un documento HTML. Il tipo di grafica HTML più utilizzato sono le immagini che vengono inserite direttamente nella pagina HTML, chiamate immagini incorporate, sebbene esistano altri metodi, come l'uso di un linguaggio di scripting o un'applicazione Web compilata, che possono essere utilizzati per ottenere gli stessi risultati. Per la grafica generata dinamicamente per grafici o grafici, è possibile utilizzare la grafica vettoriale scalabile (SVG). Ci sono anche alcuni elementi grafici HTML di base che sono supportati dalle specifiche della lingua e non richiedono file esterni come linee orizzontali e punti elenco in un elenco. Grafica HTML più complessa può essere ottenuta attraverso l'uso di un linguaggio di scripting, fogli di stile CSS (CSS) e l'elemento canvas HTML, offrendo un'opzione nativa per alcuni effetti che in precedenza erano possibili solo attraverso oggetti e plug-in esterni.
Di gran lunga, la grafica HTML in linea è il modo più usato e più semplice per posizionare un'immagine in un documento HTML. Ciò comporta fondamentalmente la creazione di un'immagine in un editor di immagini, il salvataggio in un formato di file comunemente usato e quindi la specifica del nome e della posizione del file di immagine nel documento HTML con il tag IMG. A parte la semplicità di incorporare un elemento grafico incorporato in un documento, il motore di rendering nella maggior parte dei browser Web può facilmente posizionare l'immagine in layout di pagina più complessi senza artefatti di formattazione. Una complicazione che può verificarsi con un'immagine in linea è che potrebbe essere necessario ridimensionare la dimensione dell'immagine per adattarla a schermi eccezionalmente grandi o piccoli quando visualizzati, riducendo potenzialmente la qualità dell'immagine.
La grafica vettoriale scalabile è uno stile più complesso di grafica HTML. Un'immagine SVG viene disegnata definendo forme, percorsi e spessori di linea e viene disegnata al volo mentre l'utente sta visualizzando il documento. Ciò rende SVG una buona scelta per la visualizzazione di dati dinamici come diagrammi o grafici, ma li rende molto poco pratici da utilizzare per altri tipi di grafica, come la costruzione di immagini fotorealistiche. Per una semplice grafica HTML e in situazioni in cui non è possibile caricare un file di immagine esterno, SVG potrebbe essere un'opzione praticabile.
Con lo sviluppo dello standard del linguaggio HTML versione 5 (HTML5), è possibile creare grafici HTML dinamici all'interno del linguaggio HTML di base. Questo viene fatto disegnando direttamente su una superficie speciale nota come tela in un documento HTML. Utilizzando JavaScript® e CSS, questo metodo può creare animazioni o giochi in grado di rispondere all'input dell'utente o regolare la grafica a seconda delle impostazioni del browser Web o di altri dati. La creazione di un'immagine HTML5, tuttavia, può essere una procedura complessa che potrebbe comportare lunghi blocchi di codice di scripting che potrebbero essere eseguiti molto lentamente su alcuni computer o dispositivi.