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 genoemd, hoewel er andere methoden zijn mdash;zoals het gebruik van een scripttaal of gecompileerde webtoepassing mdash;Dat kan 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, waardoor een native optie is voor sommige effecten die voorheen alleen mogelijk waren via externe objecten en plug-ins.

Verre, inline HTML -afbeeldingen zijn 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 op uitzonderlijk grote of kleine displays te passen wanneer bekeken, waardoor de kwaliteit van de afbeelding mogelijk wordt verminderd. Schaalbare vectorafbeeldingen zijn een meer complexe stijl van HTMLgrafische 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 binnen de binnenBasic 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, deze methode kan animaties of games maken die kunnen reageren op input van 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.