Wat zijn HTML -afbeeldingen?
In de Hypertext Markup Language (HTML) zijn er een aantal manieren om afbeeldingen weer te geven en te maken in een HTML -document. Het meest gebruikte type HTML -grafische afbeeldingen zijn afbeeldingen die direct op de HTML -pagina worden geplaatst, inline -afbeeldingen worden genoemd, hoewel er andere methoden zijn - zoals het gebruik van een scripttaal of gecompileerde webtoepassing - die kunnen worden gebruikt om dezelfde resultaten te bereiken. Voor dynamisch gegenereerde afbeeldingen voor grafieken of grafieken kan schaalbare vectorafbeeldingen (SVG) worden gebruikt. Er zijn ook enkele fundamentele HTML -afbeeldingen die worden ondersteund door de taalspecificatie en geen externe bestanden vereisen, zoals horizontale lijnen en kogels in een lijst. Meer complexe HTML-afbeeldingen kunnen worden bereikt door het gebruik van een scripttaal, Cascading Style Sheets (CSS) en het HTML-canvas-element, wat een native optie biedt voor sommige effecten die voorheen alleen mogelijk waren via externe objecten en plug-ins.
Veruit zijn inline HTML -afbeeldingen de meest gebruikte en de eenvoudigste manier om een afbeelding in een HTML -document te plaatsen. Dit omvat in feite het maken van een afbeelding in een afbeeldingseditor, het opslaan van een veelgebruikt bestandsindeling en vervolgens de naam en locatie van het afbeeldingsbestand in het HTML -document opgeeft met de IMG -tag. Afgezien van de eenvoud van het opnemen van een inline afbeelding in een document, kan de rendering -engine in de meeste webbrowsers de afbeelding gemakkelijk in meer complexe paginalay -outs plaatsen zonder enige opmaakartefacten. Een complicatie die kan optreden met een inline -afbeelding is dat de beeldgrootte mogelijk moet worden geschaald om te passen op uitzonderlijk grote of kleine displays wanneer bekeken, waardoor de kwaliteit van de afbeelding mogelijk wordt verminderd.
Schaalbare vectorafbeeldingen zijn een complexere stijl van HTML -afbeeldingen. Een SVG -afbeelding wordt getekend door vormen, paden en lijngewichten te definiëren en wordt op de vlieg getekend terwijl de gebruiker het document bekijkt. Dit maakt SVG een goede keuze voor het weergeven van dyNamische gegevens zoals grafieken of grafieken, maar het maakt ze zeer onpraktisch om te gebruiken voor andere soorten afbeeldingen, zoals het construeren van fotorealistische afbeeldingen. Voor eenvoudige HTML -afbeeldingen en in situaties waarin een extern beeldbestand niet kan worden geladen, kan SVG een haalbare optie zijn.
Met de ontwikkeling van de HTML -versie 5 -taalstandaard (HTML5) zijn dynamische HTML -afbeeldingen mogelijk te maken in de basis HTML -taal. Dit wordt gedaan door rechtstreeks naar een speciaal oppervlak te tekenen dat bekend staat als het canvas in een HTML -document. Door JavaScript® en CSS te gebruiken, kan deze methode animaties of games maken die kunnen reageren op gebruikersinvoer of aanpassen, afhankelijk van de instellingen van de webbrowser of andere gegevens. Het maken van een HTML5 -afbeelding kan echter een complexe procedure zijn die kan leiden tot lange blokken scriptcode die op sommige computers of apparaten zeer langzaam kan worden uitgevoerd.