Hva er HTML -grafikk?

I Hypertext Markup Language (HTML) er det en rekke måter å vise og lage grafikk i et HTML -dokument. Den mest brukte typen HTML -grafikk er bilder som er plassert direkte på HTML -siden, kalt Inline -bilder, selv om det er andre metoder - for eksempel å bruke et skriptspråk eller kompilert webapplikasjon - som kan brukes til å oppnå de samme resultatene. For dynamisk generert grafikk for diagrammer eller grafer, kan skalerbar vektorgrafikk (SVG) brukes. Det er også noen grunnleggende HTML -grafikk som støttes av språkspesifikasjonen og ikke krever eksterne filer som horisontale linjer og kuler i en liste. Mer kompleks HTML-grafikk kan oppnås ved bruk av et skriptspråk, Cascading Style Sheets (CSS) og HTML-lerretelementet, og ga et innfødt alternativ for noen effekter som tidligere var mulig bare gjennom eksterne objekter og plug-ins.

Langt, inline HTML -grafikk er den mest brukte og den enkleste måten å plassere et bilde i et HTML -dokument. Dette innebærer i utgangspunktet å lage et bilde i en bildeditor, lagre det i et ofte brukt filformat, og deretter spesifisere navnet og plasseringen av bildefilen i HTML -dokumentet med IMG -taggen. Bortsett fra enkelheten ved å inkorporere en inline grafikk i et dokument, kan gjengivelsesmotoren i de fleste nettlesere enkelt plassere grafikken i mer komplekse sideoppsett uten formatering av gjenstander. En komplikasjon som kan oppstå med et inline -bilde, er at bildestørrelsen kan være i ferd med å skaleres for å passe på eksepsjonelt store eller små skjermer når den vises, og potensielt reduserer kvaliteten på bildet.

skalerbar vektorgrafikk er en mer kompleks stil med HTML -grafikk. Et SVG -bilde tegnes ved å definere former, stier og linjevekter og trekkes på farten mens brukeren ser på dokumentet. Dette gjør SVG til et godt valg for å vise dyNamic -data som diagrammer eller grafer, men det gjør dem veldig upraktiske å bruke for andre typer grafikk, for eksempel å konstruere fotorealistiske bilder. For enkel HTML -grafikk, og i situasjoner der en ekstern bildefil ikke kan lastes inn, kan SVG være et levedyktig alternativ.

Med utviklingen av HTML versjon 5 språkstandard (HTML5), er dynamisk HTML -grafikk mulig å lage innenfor det grunnleggende HTML -språket. Dette gjøres ved å trekke direkte til en spesiell overflate kjent som lerretet i et HTML -dokument. Ved å bruke JavaScript® og CSS, kan denne metoden lage animasjoner eller spill som kan svare på brukerinngang eller justere grafikk avhengig av innstillingene i nettleseren eller andre data. Å lage en HTML5 -grafikk kan imidlertid være en kompleks prosedyre som kan resultere i lange blokker med skriptkode som kan utføre veldig sakte på noen datamaskiner eller enheter.