Hvad er HTML-grafik?

I HyperText Markup Language (HTML) er der en række måder at vise og oprette grafik i et HTML-dokument. Den mest udbredte type HTML-grafik er billeder, der er placeret direkte på HTML-siden, kaldet inline-billeder, selvom der er andre metoder - såsom at bruge et scriptingsprog eller et kompileret webapplikation - der kan bruges til at opnå de samme resultater. Til dynamisk genereret grafik til diagrammer eller grafer kan skalerbar vektorgrafik (SVG) bruges. Der er også nogle grundlæggende HTML-grafik, der understøttes af sprogspecifikationen og kræver ikke eksterne filer, såsom vandrette linjer og kugler på en liste. Mere kompleks HTML-grafik kan opnås ved brug af et scriptsprog, cascaderende stilark (CSS) og HTML-lærredselementet, hvilket giver en indbygget mulighed for nogle effekter, der tidligere kun var mulige gennem eksterne objekter og plug-ins.

Langt set er inline HTML-grafik den mest anvendte og den enkleste måde at placere et billede i et HTML-dokument. Dette indebærer grundlæggende at oprette et billede i en billedredigerer, gemme det i et almindeligt anvendt filformat og derefter specificere navnet og placeringen af ​​billedfilen i HTML-dokumentet med IMG-mærket. Bortset fra enkelheden ved at inkorporere en inline-grafik i et dokument, kan gengivelsesmotoren i de fleste webbrowsere nemt placere grafikken i mere komplekse sidelayout uden formatering artefakter. En komplikation, der kan forekomme med et inline-billede, er, at billedstørrelsen muligvis skaleres for at passe på usædvanligt store eller små skærme, når de ses, hvilket muligvis reducerer billedets kvalitet.

Skalerbar vektorgrafik er en mere kompleks HTML-grafikstil. Et SVG-billede tegnes ved at definere former, stier og linievægte og tegnes undervejs, når brugeren ser dokumentet. Dette gør SVG til et godt valg til visning af dynamiske data såsom diagrammer eller grafer, men det gør dem meget upraktiske at bruge til andre typer grafik, såsom konstruktion af fotorealistiske billeder. For enkel HTML-grafik og i situationer, hvor en ekstern billedfil ikke kan indlæses, kan SVG muligvis være en levedygtig mulighed.

Med udviklingen af ​​HTML-version 5-sprogstandarden (HTML5) er dynamiske HTML-grafik mulige at oprette inden for det grundlæggende HTML-sprog. Dette gøres ved at tegne direkte til en speciel overflade kendt som lærredet i et HTML-dokument. Ved at bruge JavaScript® og CSS kan denne metode oprette animationer eller spil, der kan reagere på brugerinput eller justere grafik afhængigt af indstillingerne i webbrowseren eller andre data. Oprettelse af en HTML5-grafik kan imidlertid være en kompleks procedure, der kan resultere i lange blokke af scripting-kode, der muligvis kører meget langsomt på nogle computere eller enheder.