Vad är HTML-grafik?
I HyperText Markup Language (HTML) finns det ett antal sätt att visa och skapa grafik i ett HTML-dokument. Den mest använda typen av HTML-grafik är bilder som placeras direkt på HTML-sidan, kallade inline-bilder, även om det finns andra metoder - till exempel att använda ett skriptspråk eller kompilerad webbapplikation - som kan användas för att uppnå samma resultat. För dynamiskt genererad grafik för diagram eller diagram kan skalbar vektorgrafik (SVG) användas. Det finns också några grundläggande HTML-grafik som stöds av språkspecifikationen och som inte kräver externa filer som horisontella linjer och kulor i en lista. Mer komplex HTML-grafik kan uppnås genom att använda ett skriptspråk, kaskadformade stilark (CSS) och HTML-dukelementet, vilket ger ett alternativ för vissa effekter som tidigare endast var möjliga genom externa objekt och plug-ins.
Överlägset är inline HTML-grafik det mest använda och det enklaste sättet att placera en bild i ett HTML-dokument. Det handlar i princip om att skapa en bild i en bildredigerare, spara den i ett vanligt använt filformat och sedan ange namnet och platsen för bildfilen i HTML-dokumentet med IMG-taggen. Bortsett från att det är enkelt att integrera en inline-grafik i ett dokument, kan renderingsmotorn i de flesta webbläsare enkelt placera grafiken i mer komplexa sidlayouter utan formateringsartifakter. En komplikation som kan uppstå med en inbyggd bild är att bildstorleken kan behöva skalas för att passa på exceptionellt stora eller små skärmar när de visas, vilket potentiellt kan minska bildkvaliteten.
Skalbar vektorgrafik är en mer komplex stil med HTML-grafik. En SVG-bild ritas genom att definiera former, banor och linjevikt och dras i farten när användaren tittar på dokumentet. Detta gör SVG till ett bra val för att visa dynamiska data som diagram eller diagram, men det gör dem mycket opraktiska att använda för andra typer av grafik, till exempel att konstruera fotorealistiska bilder. För enkel HTML-grafik och i situationer där en extern bildfil inte kan laddas kan SVG vara ett genomförbart alternativ.
Med utvecklingen av HTML-version 5 (HTML5) är dynamisk HTML-grafik möjlig att skapa inom det grundläggande HTML-språket. Detta görs genom att rita direkt till en speciell yta som kallas duken i ett HTML-dokument. Genom att använda JavaScript® och CSS kan den här metoden skapa animationer eller spel som kan svara på användarinmatning eller justera grafik beroende på inställningarna för webbläsaren eller annan data. Att skapa en HTML5-grafik kan emellertid vara en komplex procedur som kan leda till långa block med skriptkod som kan köras mycket långsamt på vissa datorer eller enheter.