Vad är HTML -grafik?

På 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 mdash;som att använda ett skriptspråk eller sammanställt webbapplikation mdash;Det kan användas för att uppnå samma resultat.För dynamiskt genererad grafik för diagram eller grafer kan skalbar vektorgrafik (SVG) användas.Det finns också några grundläggande HTML -grafik som stöds av språkspecifikationen och inte kräver externa filer som horisontella linjer och kulor i en lista.Mer komplex HTML-grafik kan uppnås genom användning av ett skriptspråk, kaskadstilark (CSS) och HTML-dukelementet, vilket ger ett ursprungligt alternativ för vissa effekter som tidigare var möjliga genom externa objekt och plug-ins.Långt är inline HTML -grafik det mest använda och det enklaste sättet att placera en bild i ett HTML -dokument.Detta innebär i princip att skapa en bild i en bildredigerare, spara den i ett vanligt använt filformat och sedan specificera namnet och platsen för bildfilen i HTML -dokumentet med IMG -taggen.Bortsett från enkelheten att integrera en inline -grafik i ett dokument, kan renderingsmotorn i de flesta webbläsare enkelt placera grafiken i mer komplexa sidlayouter utan några formateringsartefakter.En komplikation som kan uppstå med en inline -bild är att bildstorleken kan behöva skalas för att passa på exceptionellt stora eller små skärmar när de ses, vilket potentiellt kan minska bildens kvalitet.

Skalbar vektordrafik är en mer komplex stil av HTMLgrafik.En SVG -bild ritas genom att definiera former, vägar och linjevikt och ritas 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 grafer, men det gör dem mycket opraktiska att använda för andra typer av grafik, som 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 -språkstandard (HTML5) är dynamisk HTML -grafik möjlig att skapa inom iGrundläggande HTML -språk.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, den här metoden kan 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 av skriptkod som kan köra mycket långsamt på vissa datorer eller enheter.