Wat is een inline -afbeelding?

Een inline -afbeelding is een grafisch beeld dat in een webpagina wordt ingevoegd om visuele aantrekkingskracht toe te voegen, informatie te bieden of om een hyperlink te vertegenwoordigen.Inline -afbeeldingen bevinden zich meestal in GIF-, JPEG- of PNG -formaten.Ze worden opgenomen in een webpagina met behulp van het data -URI -schema.

Gegevens URI's staan het inbedden van gegevens van kleine grootte die onmiddellijk door de browser kunnen worden opgehaald.Inline afbeeldingen worden opgehaald door de browser samen met de HTML en weergegeven als onderdeel van het webdocument.Als de browser de afbeeldingen zonder al te veel tijd en problemen kan ophalen en weergeven, is het raadzaam om kleine inline afbeeldingen te gebruiken.

Grotere afbeeldingen zouden de laadtijd vertragen en ervoor zorgen dat de site lang duurt.De meeste webbezoekers hebben niet het geduld om rond te hangen om het te zien gebeuren.Dit zou een negatieve invloed hebben op het siteverkeer.

HTML Inline -afbeeldingen zijn afkomstig van de server van de website waar ze moeten worden weergegeven, of opgenomen uit andere externe servers.Het gebruik van inline -afbeeldingen uit externe bronnen is een kwestie van discussie, omdat dit zonder toestemming kan worden gedaan.De IMG -tag wordt gebruikt om inline afbeeldingen in paragrafen en koppen in de webpagina in te voegen.De IMG-tag kan niet worden gebruikt in een vrij zwevende vorm.Het moet in een ander element worden ingesloten.

Het vereiste kenmerk van de IMG -tag is het SRC -kenmerk.Het SRC -kenmerk geeft het webadres of URL aan waaruit de browser het afbeeldingsbestand kan ophalen.Afgezien van het SRC -kenmerk, kunnen HTML -inline -afbeeldingen worden gedefinieerd door drie optionele attributen.Dit zijn alt, uitlijning en ismap.

Het ALT -kenmerk biedt een inline beeldtekstalternatief.Dus, in het geval dat de kijkersbrowser geen afbeeldingen ondersteunt, ziet de kijker de tekst in plaats van de afbeelding.Het gebruik van het ALT -kenmerk wordt sterk aanbevolen.

De ALT -kenmerkwaarde kan een lege tekenreeks zijn.Als er bijvoorbeeld een decoratief beeld is, is het niet noodzakelijk om er alternatieve tekst voor te bieden.Daarom kan de ALT -kenmerkwaarde leeg worden gelaten.

De inline beeldstijl kan worden ingesteld met het uitlijningskenmerk.Het uitlijningskenmerk vertelt de browser waar de inline -afbeelding moet verschijnen in relatie tot de tekst op de webpagina.De inline afbeelding kan worden uitgelijnd met de bovenste, middelste of onderkant van de aangrenzende tekst op de webpagina.

Met het ISMAP -kenmerk kan een inline -afbeelding worden gemarkeerd als een actieve beeldkaart.Dit betekent dat verschillende delen van de afbeelding kunnen worden gemaakt om verschillende acties te produceren wanneer iemand op de verschillende delen klikt.Als er bijvoorbeeld een inline afbeelding is die de aarde en Saturnus toont, kan klikken op de aarde leiden tot informatie over de aarde en klikken op Saturnus kan leiden tot informatie over Saturnlouter opname in de IMG -tag.Het vereist enige configuratie op de server.Enige hoeveelheid programmeerkennis kan ook vereist zijn.