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 anvendte type HTML -grafik er billeder, der er placeret direkte på HTML -siden, kaldet inline -billeder, selvom der er andre metoder mdash;såsom at bruge et scriptingsprog eller kompileret webapplikation mdash;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 hjælp af et scriptingsprog, cascading-stilark (CSS) og HTML-lærredselementet, hvilket giver en oprindelig mulighed for nogle effekter, der tidligere kun var mulige gennem eksterne objekter og plug-ins.

Langt, inline HTML -grafik er den mest anvendte og den enkleste måde at placere et billede i et HTML -dokument.Dette involverer dybest set at oprette et billede i en billededitor, gemme det til et almindeligt anvendt filformat og derefter specificere navnet og placeringen af billedfilen i HTML -dokumentet med IMG -mærket.Bortset fra enkelheden af at inkorporere en inline grafik i et dokument, kan gengivelsesmotoren i de fleste webbrowsere let placere grafikken i mere komplekse sidelayouts uden formatering af artefakter.En komplikation, der kan forekomme med et inline -billede, er, at billedstørrelsen muligvis skal skaleres for at passe på usædvanligt store eller små skærme, når det ses, hvilket potentielt reducerer billedets kvalitet. Skalerbar vektorgrafik er en mere kompleks stil af HTMLgrafik.Et SVG -billede tegnes ved at definere former, stier og linjevægte og tegnes på farten, når brugeren ser dokumentet.Dette gør SVG til et godt valg til at vise 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 simpel HTML -grafik og i situationer, hvor en ekstern billedfil ikke kan indlæses, kan SVG være en levedygtig mulighed. Med udviklingen af HTML version 5 -sprogstandarden (HTML5) er dynamisk HTML -grafik mulig at skabe inden forGrundlæggende HTML -sprog.Dette gøres ved at trække direkte til en speciel overflade kendt som lærredet i et HTML -dokument.Ved at bruge JavaScript og CSS, denne metode kan oprette animationer eller spil, der kan svare 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 scriptingkode, der muligvis udføres meget langsomt på nogle computere eller enheder.