Cosa sono la grafica HTML?
In Hypertext Markup Language (HTML), ci sono diversi modi per visualizzare e creare grafica in un documento HTML. Il tipo più utilizzato di grafica HTML sono le immagini che vengono posizionate direttamente nella pagina HTML, chiamate immagini in linea, sebbene ci siano altri metodi - come l'uso di un linguaggio di scripting o un'applicazione Web compilata - che possono essere utilizzate per ottenere gli stessi risultati. Per grafica generata dinamicamente per grafici o grafici, è possibile utilizzare la grafica vettoriale scalabile (SVG). Esistono anche alcune grafiche HTML di base che sono supportate dalla specifica della lingua e non richiedono file esterni come linee e proiettili orizzontali in un elenco. La grafica HTML più complessa può essere ottenuta attraverso l'uso di un linguaggio di script, fogli di stile a cascata (CSS) e l'elemento tela HTML, dando un'opzione nativa per alcuni effetti che in precedenza erano possibili solo attraverso oggetti esterni e plug-in.
Di gran lunga, la grafica HTML in linea è il modo più usato e più semplice per posizionare un'immagine in un documento HTML. Ciò implica sostanzialmente la creazione di un'immagine in un editor di immagini, salvandola in un formato di file comunemente usato e quindi specificando il nome e la posizione del file di immagine nel documento HTML con il tag IMG. A parte la semplicità di incorporare un grafico in linea in un documento, il motore di rendering nella maggior parte dei browser Web può facilmente posizionare il grafico in layout di pagina più complessi senza alcun manufatto di formattazione. Una complicazione che può verificarsi con un'immagine in linea è che potrebbe essere necessario ridimensionare la dimensione dell'immagine per adattarsi a display eccezionalmente grandi o piccoli se 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 pesi di linea e viene disegnata al volo mentre l'utente sta visualizzando il documento. Questo rende SVG una buona scelta per la visualizzazione di DYDati NAMIC come grafici o grafici, ma li rendono molto poco pratico 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 di lingua versione 5 HTML (HTML5), è possibile creare la grafica HTML dinamica all'interno del linguaggio HTML di base. Questo viene fatto attingendo direttamente a 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 grafico HTML5, tuttavia, può essere una procedura complessa che potrebbe comportare lunghi blocchi di codice di scripting che potrebbero eseguire molto lentamente su alcuni computer o dispositivi.